@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@font-face {
  font-family: 'Lobster';
  src: url("../data/fonts/Lobster.ttf"); }

@font-face {
  font-family: 'Komika Axis';
  src: url("../data/fonts/komika_poster/KOMIKAX_.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome';
  src: url("../data/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'Baloo';
  src: url("../data/fonts/Baloo_1.100/Baloo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'IcoFont';
  src: url("../data/fonts/icofont/fonts/icofont.ttf") format("truetype"); }

@font-face {
  font-family: 'IconFont1';
  src: url("../data/fonts/icon-font-1/fonts/icomoon.ttf") format("truetype"); }

@font-face {
  font-family: 'Assassin';
  src: url("../data/fonts/ui8/Assassin$.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantine';
  src: url("../data/fonts/ui8/Constantine Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../data/fonts/ui8/Constantia Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cambria';
  src: url("../data/fonts/ui8/Cambria Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lemon Milk';
  src: url("../data/fonts/lemon_milk/LemonMilk.ttf") format("truetype"); }

@font-face {
  font-family: 'Seagram TFB';
  src: url("../data/fonts/seagram_tfb/Seagram tfb.ttf") format("truetype"); }

@font-face {
  font-family: 'Flesh Wound';
  src: url("../data/fonts/flesh_wound/Flesh Wound.ttf") format("truetype"); }

@font-face {
  font-family: 'Aesthetic DEMO';
  src: url("../data/fonts/aesthetic/Aesthetic DEMO.ttf") format("truetype"); }

@font-face {
  font-family: 'Lifecraft';
  src: url("../data/fonts/lifecraft/LifeCraft_Font.ttf") format("truetype"); }

@font-face {
  font-family: 'Black Castle';
  src: url("../data/fonts/black_castle/BlackCastleMF.ttf") format("truetype"); }

@font-face {
  font-family: 'Morris Roman';
  src: url("../data/fonts/morris_roman/MorrisRomanBlack.ttf") format("truetype"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
  z-index: 999; }
  @supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)) {
    .ui-modal-overlay {
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      background-color: rgba(0, 0, 0, 0.5); } }
  @supports not ((backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px))) {
    .ui-modal-overlay {
      background-color: rgba(0, 0, 0, 0.75); } }

.ui-element-window {
  pointer-events: all; }

.ui-modal-window-container {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.ui-confirmation-dialog-view {
  font-family: 'Cambria', sans-serif; }
  .ui-confirmation-dialog-view .text {
    text-align: center; }
  .ui-confirmation-dialog-view .button-area {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; }
  .ui-confirmation-dialog-view .ui-confirmation-dialog-button {
    position: relative; }
  .ui-confirmation-dialog-view .button-yes {
    color: #2b692b; }
  .ui-confirmation-dialog-view .button-no {
    color: #b33032; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.title-screen .main-menu {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas: '. . .' 'title title title' '. . .' '. commands .' '. . .';
  grid-template-rows: 1fr auto 1fr auto 2fr;
  grid-template-columns: 1fr auto 1fr;
  overflow: hidden; }
  .title-screen .main-menu::after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -3;
    background-image: url("../data/splash/15_2560_progressive.jpg"), url("../data/splash/15_512_progressive.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  .title-screen .main-menu .title {
    position: relative;
    grid-area: title;
    width: 100%; }
    .title-screen .main-menu .title .label {
      text-align: center;
      font-size: 96px;
      text-shadow: 0 0 1em rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.7), 0 3px 3px rgba(0, 0, 0, 0.6);
      font-weight: bold;
      color: #f3dda9;
      font-family: 'Assassin', sans-serif; }
    .title-screen .main-menu .title .decoration::before {
      content: '';
      position: absolute;
      top: -12px;
      left: 0;
      right: 0;
      width: 440px;
      height: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      margin: 0 auto;
      background-image: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_bottom.png");
      background-size: 100%;
      background-position: bottom;
      background-repeat: no-repeat; }
    .title-screen .main-menu .title .decoration::after {
      content: '';
      position: absolute;
      top: -24px;
      left: 0;
      right: 0;
      width: 680px;
      height: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      margin: 0 auto;
      background-image: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_top2.png");
      background-size: 100%;
      background-position: top;
      background-repeat: no-repeat; }
    .title-screen .main-menu .title .background {
      position: absolute;
      top: -21px;
      left: 0;
      right: 0;
      width: 600px;
      height: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
      z-index: -1;
      margin: 0 auto;
      background-image: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.84) 0, transparent 73%), radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.45) 0, transparent 50%); }
  .title-screen .main-menu .command-container {
    grid-row-start: 3;
    grid-area: commands;
    position: relative;
    flex-direction: column; }
  .title-screen .main-menu .ui-button-view.ui-button-rectangular {
    width: 266px;
    height: 70px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3); }
    .title-screen .main-menu .ui-button-view.ui-button-rectangular .label {
      font-size: 26px;
      line-height: 70px; }
  .title-screen .main-menu .ui-language-selector-view {
    position: absolute;
    top: 16px;
    left: 10px; }

.title-screen .feedback-form-link {
  position: fixed;
  right: 20px;
  bottom: 20px;
  color: white;
  text-decoration: none;
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-shadow: 0 0 0.5em black; }

.title-screen .feedback-form-link:hover {
  text-decoration: underline; }

.title-screen .preloader-view {
  top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
  .title-screen .preloader-view .progress-bar {
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: gold;
    height: 6px; }
    .title-screen .preloader-view .progress-bar .fill {
      background-color: #00d414; }

.title-screen .secondary-menu {
  z-index: 1;
  bottom: 0;
  position: absolute;
  height: 32px;
  width: 100%; }
  .title-screen .secondary-menu .decoration {
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
    width: inherit;
    box-sizing: padding-box;
    border-image: url("../data/textures/ui/ui8/Miscellaneous/General/General_Border_Horizontal.png");
    border-image-slice: 100% 1 0 1;
    border-image-repeat: repeat;
    border-top-width: 4px;
    border-top-style: solid;
    background: url("../data/textures/ui/ui8/Windows/Window/Window_Header_Tribals.png") left/contain no-repeat, url("../data/textures/ui/ui8/Windows/Window/Window_Header_Tribals_reflected_x.png") right/contain no-repeat; }
    .title-screen .secondary-menu .decoration::before {
      position: absolute;
      left: 0;
      top: -13px;
      height: 24px;
      width: 100%;
      content: '';
      background: url("../data/textures/ui/ui8/Miscellaneous/General/General_Button_Decoration.png") left/contain no-repeat; }
    .title-screen .secondary-menu .decoration::after {
      position: absolute;
      left: 0;
      top: -13px;
      height: 24px;
      width: 100%;
      content: '';
      background: url("../data/textures/ui/ui8/Miscellaneous/General/General_Button_Decoration.png") left/contain no-repeat;
      transform: scale(-1, 1); }
  .title-screen .secondary-menu .background {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    content: '';
    background-image: url("../data/textures/ui/ui8/Miscellaneous/General/General_Background.png");
    background-repeat: repeat; }
  .title-screen .secondary-menu .command-container {
    position: absolute;
    top: 4px;
    left: 0;
    width: inherit;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .title-screen .secondary-menu .command-container .ui-button-view {
      position: relative;
      height: 24px;
      line-height: 24px;
      margin-left: 16px;
      margin-right: 16px; }
      .title-screen .secondary-menu .command-container .ui-button-view .label {
        font-family: "Cambria", sans-serif;
        color: #bfbfbf;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }

body {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: black; }
  body input[type="checkbox"] {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  body select {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }

.ui-dev-menu {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }

.game-canvas {
  top: 0;
  left: 0;
  position: absolute;
  margin: 0;
  overflow: hidden; }

.element-selection-frame {
  border: 1px lawngreen solid;
  position: absolute;
  pointer-events: none; }

.loading-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  color: white;
  z-index: 100; }
  .loading-screen:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: black;
    background-image: url("../data/splash/15_512_progressive.jpg");
    background-size: cover;
    background-position: 50% 50%;
    filter: blur(5px) brightness(50%); }
  .loading-screen .label.remaining-time {
    display: none; }
  .loading-screen .label.state {
    line-height: 20px;
    z-index: 1;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
    text-transform: lowercase;
    position: absolute;
    bottom: 20px;
    right: 24px;
    font-size: 12px;
    font-family: monospace; }
    .loading-screen .label.state.state-RUNNING {
      display: none; }
  .loading-screen .label.name {
    position: absolute;
    width: inherit;
    text-align: center;
    bottom: 44px; }
  .loading-screen .progress-bar {
    position: absolute;
    box-sizing: border-box;
    left: 20px;
    bottom: 20px;
    width: calc(100vw - 40px);
    height: 20px; }
    .loading-screen .progress-bar .fill {
      background: green; }

.graphics-engine-render-canvas.cursor-normal {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto; }

.graphics-engine-render-canvas.cursor-pointer {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }

.graphics-engine-render-canvas.cursor-attack {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 Red2.png") 10 4, pointer; }

.graphics-engine-render-canvas.cursor-move {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 green2.png") 10 4, pointer; }

.task-progress-view .remaining-time::after {
  content: 's'; }

.task-progress-view .progress-bar .fill {
  transition: width 0.7s linear; }

.task-progress-view .ui-asset-manager-loading-status-view {
  position: absolute;
  bottom: 100px;
  left: 50px; }
  .task-progress-view .ui-asset-manager-loading-status-view .pending.label {
    left: 0;
    top: 0;
    padding-right: 5px; }

.task-progress-view .ui-asset-manager-loading-status-view.finished {
  display: none; }

.editor-view {
  pointer-events: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .editor-view .ui-number-controller {
    background-color: #3e3e3e;
    border-width: 0;
    color: deepskyblue; }
  .editor-view .label {
    position: absolute; }
  .editor-view .gui-control-list-row {
    position: absolute;
    display: flex;
    flex-direction: row; }
    .editor-view .gui-control-list-row .label {
      position: static;
      flex-grow: 0;
      padding-right: 10px; }
    .editor-view .gui-control-list-row .number-control {
      position: static;
      flex-grow: 1; }
  .editor-view .number-control {
    width: 80px;
    text-align: right; }
  .editor-view .ui-element-window > .title {
    user-select: none;
    font-family: 'Open Sans', sans-serif; }
  .editor-view .editor-process-bar {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: auto;
    z-index: 99; }
    .editor-view .editor-process-bar .process-view {
      font-family: 'Font Awesome', sans-serif;
      background: #3e3e3e;
      color: lightgray;
      margin-right: 2px;
      width: 36px;
      height: 36px;
      border-radius: 4px;
      line-height: 36px;
      font-size: 20px;
      text-align: center; }
      .editor-view .editor-process-bar .process-view .label {
        display: none; }
    .editor-view .editor-process-bar .process-view.process-state-running {
      color: white;
      background: #101010;
      text-shadow: 0 0 2px black; }
    .editor-view .editor-process-bar .process-view.editor-process-obstacle-grid-display::after {
      content: '\f009'; }
    .editor-view .editor-process-bar .process-view.editor-process-disable-game-user-interface::after {
      content: '\f26c'; }
  .editor-view .editor-tool-bar {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: auto;
    z-index: 99; }
    .editor-view .editor-tool-bar .tool-view {
      font-family: 'Font Awesome', sans-serif;
      background: #3e3e3e;
      color: lightgray;
      margin-right: 2px;
      width: 36px;
      height: 36px;
      border-radius: 4px;
      line-height: 36px;
      font-size: 20px;
      text-align: center; }
      .editor-view .editor-tool-bar .tool-view .label {
        display: none; }
    .editor-view .editor-tool-bar .tool-view.active {
      color: white;
      background: #101010;
      text-shadow: 0 0 2px black; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-spatial_transform::after {
      content: '\f0b2'; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-marquee_selection::after {
      content: '\f245'; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-camera_control::after {
      content: '\f030'; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-grid_paint::after {
      content: '\f009'; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-foliage_paint::after {
      content: '\f1bb'; }

.entity-editor-view {
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.8);
  pointer-events: all;
  position: absolute;
  left: 0;
  top: 0; }
  .entity-editor-view .ui-button-view {
    position: relative;
    left: auto;
    top: auto; }
  .entity-editor-view .label.id {
    background: rgba(255, 255, 255, 0.8);
    font-weight: bold; }
  .entity-editor-view .component-list {
    display: flex;
    flex-direction: column; }
    .entity-editor-view .component-list .label {
      position: inherit;
      text-shadow: 0 0 2px white; }
    .entity-editor-view .component-list .label.no-controller {
      text-shadow: none; }
  .entity-editor-view .entity-editor-component-control-view {
    overflow: hidden;
    color: white;
    background: #313131; }
    .entity-editor-view .entity-editor-component-control-view .title-bar {
      position: relative;
      box-sizing: border-box;
      border-top: 1px solid lightgray;
      background: gray; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .label {
        user-select: none; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view {
        z-index: 99;
        position: absolute; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.fold-toggle {
        right: 0;
        top: 0;
        margin-right: 16px; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.fold-toggle::after {
        font-size: 10px;
        transform: rotate(0deg);
        font-family: 'Font Awesome', sans-serif;
        content: '\f078'; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.remove {
        right: 36px;
        top: 0; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.remove::after {
        font-size: 10px;
        font-family: 'Font Awesome', sans-serif;
        content: '\f00d'; }
    .entity-editor-view .entity-editor-component-control-view .gui-control {
      width: 100%; }
      .entity-editor-view .entity-editor-component-control-view .gui-control .label {
        font-size: 12px; }
      .entity-editor-view .entity-editor-component-control-view .gui-control .ui-button-view {
        box-sizing: border-box;
        padding: 2px;
        background: #9b2c00; }
    .entity-editor-view .entity-editor-component-control-view .dg.main {
      top: auto;
      left: auto;
      width: 100%;
      position: inherit; }
    .entity-editor-view .entity-editor-component-control-view .dg.main > .close-button {
      display: none; }
  .entity-editor-view .entity-editor-component-control-view.folded > .title-bar > .ui-button-view.fold-toggle {
    transform: rotate(-90deg); }

.scalar-parameter-lut-controller {
  position: relative; }
  .scalar-parameter-lut-controller .marker-view {
    width: 8px;
    height: 8px;
    background: transparent;
    border: 1px solid white;
    position: absolute;
    left: -4px;
    top: -4px; }
    .scalar-parameter-lut-controller .marker-view .value {
      position: absolute;
      top: 8px;
      left: 8px;
      user-select: none; }

.color-parameter-lut-controller .gradient {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 8px;
  margin-right: 8px;
  position: relative; }
  .color-parameter-lut-controller .gradient .gradient-canvas {
    border: 1px solid white;
    width: 100%;
    height: 24px; }
  .color-parameter-lut-controller .gradient .marker-view {
    width: 16px;
    height: 16px;
    background: transparent;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-width: 2px;
    box-sizing: border-box;
    position: absolute;
    left: -8px;
    bottom: 3px;
    margin-left: -8px;
    margin-right: -8px; }
    .color-parameter-lut-controller .gradient .marker-view.selected {
      border-width: 2px;
      border-style: solid;
      border-color: white; }

.color-saturation-control-view {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px white solid; }
  .color-saturation-control-view .mark-view {
    z-index: 1;
    position: absolute;
    border: 1px white solid;
    box-sizing: border-box; }

.color-value-control-view {
  border: 1px white solid; }

.entity-list-view {
  pointer-events: all;
  position: absolute; }
  .entity-list-view .list {
    background: rgba(255, 255, 255, 0);
    position: absolute;
    overflow-y: scroll;
    overflow-x: visible; }
    .entity-list-view .list .odd-row {
      background: rgba(240, 240, 240, 0.8); }
  .entity-list-view .entity-view {
    height: 20px;
    position: absolute;
    background: rgba(255, 255, 255, 0.8); }
    .entity-list-view .entity-view .selection {
      background: transparent;
      position: absolute;
      left: 4px;
      top: 4px;
      width: 10px;
      height: 10px;
      border: 1px solid black; }
    .entity-list-view .entity-view .selection.selected {
      background: rgba(0, 0, 0, 0.5); }
    .entity-list-view .entity-view .id.label {
      position: absolute;
      left: 20px; }
    .entity-list-view .entity-view .label.tag {
      margin: 2px;
      z-index: -1;
      position: absolute;
      right: 0;
      font-size: 11px;
      background: white;
      padding: 1px;
      border-radius: 2px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }

.ui-mesh-library-view {
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
  pointer-events: auto;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden; }
  .ui-mesh-library-view .ui-mesh-library-asset-view {
    pointer-events: all;
    transition: transform 0.4s linear;
    position: absolute;
    left: 0;
    top: 0; }
    .ui-mesh-library-view .ui-mesh-library-asset-view img {
      background: grey; }
    .ui-mesh-library-view .ui-mesh-library-asset-view .label {
      font-size: 11px;
      color: white;
      position: absolute;
      top: 50px;
      text-shadow: 0 0 2px black; }
  .ui-mesh-library-view .ui-bottom-left-resize-handle-view {
    background: rgba(0, 0, 0, 0.1);
    font-size: 16px;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px; }
    .ui-mesh-library-view .ui-bottom-left-resize-handle-view::after {
      font-family: 'Font Awesome', sans-serif;
      content: '\f065'; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-army-card {
  pointer-events: all;
  position: absolute; }
  .ui-army-card .label.capacity {
    font-size: 24px;
    color: #f1d89c;
    position: absolute;
    top: -36px;
    right: 0;
    text-align: right;
    font-family: "Cambria", sans-serif;
    user-select: none; }

.ui-army-card.capacity-under .label.capacity {
  text-shadow: 1px 0 0 rgba(0, 255, 53, 0.1), 0 1px 0 rgba(0, 255, 53, 0.1), -1px 0 0 rgba(0, 255, 53, 0.1), 0 -1px 0 rgba(0, 255, 53, 0.1); }

.ui-army-card.capacity-full .label.capacity {
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1), -1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.1); }

.ui-army-card.capacity-full .ui-tile-grid-view .marker {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0.25) 10px, rgba(255, 255, 255, 0.25) 20px); }

.ui-army-card.capacity-over > .label.capacity {
  text-shadow: 1px 0 0 rgba(255, 0, 0, 0.1), 0 1px 0 rgba(255, 0, 0, 0.1), -1px 0 0 rgba(255, 0, 0, 0.1), 0 -1px 0 rgba(255, 0, 0, 0.1); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-button-view {
  position: absolute;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
  user-select: none;
  pointer-events: auto; }
  .ui-button-view .background {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .ui-button-view .foreground {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .ui-button-view .label {
    z-index: 1; }

.ui-button-normal {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  pointer-events: all;
  position: absolute;
  left: 0;
  top: 0;
  color: #222222;
  text-align: center;
  vertical-align: middle;
  background: gold;
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: 0 0 8px black, inset 0 0 4px rgba(255, 255, 255, 0.2);
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5);
  transition: box-shadow 0.7s ease-in-out, text-shadow 0.3s linear, color 0.3s linear; }

.ui-button-normal:hover {
  transition: box-shadow 0.1s ease-in-out, text-shadow 0.2s linear, color 0.17s linear;
  color: black;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 30px rgba(226, 97, 97, 0.73), inset 0 0 4px rgba(255, 255, 255, 0.5); }

.ui-button-view.ui-button-rectangular {
  width: 134.4px;
  height: 42px; }
  .ui-button-view.ui-button-rectangular .label {
    transition: text-shadow 0.5s linear;
    width: inherit;
    height: inherit;
    color: #f1d89c;
    line-height: 42px;
    font-family: "Constantia", sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 0 5px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    text-align: center; }
  .ui-button-view.ui-button-rectangular:hover .label {
    transition: text-shadow 0.1s linear;
    text-shadow: 0 1px 2px black, 0 0 5px rgba(0, 0, 0, 0.68); }
  .ui-button-view.ui-button-rectangular:hover .foreground {
    transition: box-shadow 0.05s linear;
    box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.3); }
  .ui-button-view.ui-button-rectangular:hover .background {
    transition: filter 0s linear;
    filter: brightness(110%); }
  .ui-button-view.ui-button-rectangular .foreground {
    transition: box-shadow 0.4s linear; }
  .ui-button-view.ui-button-rectangular .background {
    background-color: #ff8001;
    background-clip: padding-box;
    transition: filter 0.35s linear; }
    .ui-button-view.ui-button-rectangular .background::after {
      content: '';
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.9;
      background-image: url("../data/textures/ui/ui8/Controls/Buttons/Rectangular/BRL_Foreground.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-clip: padding-box;
      mix-blend-mode: multiply; }

.ui-drop-dow-selection-view {
  position: absolute; }

.gui-engine-root {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100; }

.labeled-value {
  display: block;
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  color: white;
  height: 20px;
  user-select: none; }
  .labeled-value > .value {
    display: inline-block;
    position: absolute;
    margin-left: 8px;
    white-space: nowrap;
    right: 0; }
  .labeled-value > .label {
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    white-space: nowrap; }

.label {
  vertical-align: middle; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.owned-town-view .ui-army-card.garrison .ui-tile-grid-view {
  background: rgba(107, 253, 255, 0.1); }

.owned-town-view .ui-army-card.visitor .ui-tile-grid-view {
  background: rgba(251, 146, 255, 0.1); }

.owned-town-view .army-title {
  font-size: 24px;
  color: white;
  top: -36px;
  left: 0;
  position: absolute;
  font-family: "Constantine", sans-serif;
  user-select: none; }

.owned-town-view .command-button-view.command-item_shop {
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .owned-town-view .command-button-view.command-item_shop .foreground {
    background-image: url("../data/textures/ui/olga/badges/Shop.png"); }

.owned-town-view .command-button-view.command-unit_shop {
  position: absolute;
  left: 10px;
  bottom: 10px; }
  .owned-town-view .command-button-view.command-unit_shop .foreground {
    background-image: url("../data/textures/ui/olga/badges/Mercenaries.png"); }

.ui-unit-shop {
  position: absolute; }
  .ui-unit-shop .ui-unit-card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    background: rgba(0, 0, 0, 0.02); }
    .ui-unit-shop .ui-unit-card .health, .ui-unit-shop .ui-unit-card .experience, .ui-unit-shop .ui-unit-card .talents {
      visibility: hidden; }

.preloader-view {
  z-index: 1;
  position: absolute;
  height: 1em;
  width: inherit;
  margin-left: 20px;
  margin-right: 20px;
  bottom: 20px;
  left: 0;
  right: 0; }
  .preloader-view .progress-bar {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 2px;
    border: 1px white solid;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
    .preloader-view .progress-bar .fill {
      background-color: rgba(135, 255, 0, 0.7);
      position: absolute;
      height: 100%;
      box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.2) inset, -2px 2px 0 -1px rgba(255, 255, 255, 0.4) inset, 0 0 5px black;
      transition: width 0.3s linear; }
  .preloader-view .sections {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: inset 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.13), inset -0.25em -0.25em 0.5em rgba(255, 255, 255, 0.4); }
    .preloader-view .sections .background {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: relative;
      display: inline-block;
      height: inherit;
      box-sizing: border-box; }
    .preloader-view .sections .background.level-0 {
      background-color: #693232; }
    .preloader-view .sections .background.level-1 {
      background-color: #696234;
      border-left: solid 1px #ffffff; }
    .preloader-view .sections .background.level-2 {
      background-color: #2b692b;
      border-left: solid 1px #ffffff; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.progress-bar {
  background: #646464;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .progress-bar .fill {
    height: inherit;
    box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.2) inset, -2px 2px 0 -1px rgba(255, 255, 255, 0.4) inset, 0 0 5px black; }

.ui-radial-menu {
  left: 0;
  top: 0;
  z-index: 4;
  position: absolute;
  overflow: visible;
  pointer-events: all; }
  .ui-radial-menu .elements {
    left: 0;
    top: 0;
    position: absolute; }
    .ui-radial-menu .elements .ui-radial-menu-element {
      left: 0;
      top: 0;
      position: absolute;
      overflow: visible; }
      .ui-radial-menu .elements .ui-radial-menu-element svg {
        overflow: visible;
        position: absolute; }
      .ui-radial-menu .elements .ui-radial-menu-element .radial-text-label {
        z-index: 1; }
        .ui-radial-menu .elements .ui-radial-menu-element .radial-text-label path {
          fill: none; }
        .ui-radial-menu .elements .ui-radial-menu-element .radial-text-label text {
          font-family: 'Open Sans', sans-serif;
          font-size: 28px;
          fill: black; }
  .ui-radial-menu svg {
    overflow: visible; }

.ui-radial-menu > .no-options {
  position: absolute;
  margin: auto;
  white-space: nowrap;
  color: #ff7972;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  text-shadow: 0 0 3px black, 0 0 20px rgba(0, 0, 0, 0.2); }

.ui-radial-menu > div {
  position: absolute;
  overflow: visible; }

.ui-radial-menu > svg {
  position: absolute; }

/**
 * Created by Alex on 11/09/2016.
 */
.ui-combat-squad-view {
  position: absolute;
  left: 0;
  top: 0; }
  .ui-combat-squad-view .dismiss-unit:hover {
    color: white; }
  .ui-combat-squad-view .dismiss-unit {
    transition: color 0.4s linear;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    width: 120px;
    bottom: 24px;
    left: 0;
    right: 0;
    padding-left: 26px;
    margin: 0 auto;
    background: none;
    color: #a6a6a6;
    text-shadow: 0 0 5px black;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .ui-combat-squad-view .dismiss-unit::before {
    left: 1px;
    top: 1px;
    font-weight: normal;
    position: absolute;
    content: '\f00d';
    font-family: 'Font Awesome', sans-serif;
    white-space: nowrap; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-tile-grid-view .marker-container {
  position: absolute; }
  .ui-tile-grid-view .marker-container .marker {
    position: absolute;
    background: rgba(255, 255, 255, 0.2); }
    .ui-tile-grid-view .marker-container .marker.drop-target-hover-valid {
      box-shadow: 0 0 8px 4px lime; }
    .ui-tile-grid-view .marker-container .marker.drop-target-hover-invalid {
      box-shadow: 0 0 8px 4px red; }

.ui-tile-grid-view .tile-container {
  position: absolute; }

.ui-tile-grid-view .ui-tile-grid-element-view {
  position: absolute;
  box-sizing: border-box;
  background: #e5e5e5;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6); }

.ui-tile-grid-view .ui-tile-grid-element-view.selected::after {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  width: inherit;
  height: inherit;
  content: '';
  border: 2px solid white;
  box-shadow: 0 0 8px white; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-element-window {
  position: absolute;
  background-color: #201B15;
  background-repeat: repeat;
  border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/General_Square_Borders_Thick_light_grey.png");
  border-image-slice: 20 20 20 20;
  border-image-repeat: repeat;
  border-width: 10px;
  border-style: solid;
  color: #f1d89c;
  display: grid;
  grid-template-areas: "title title title" "t-margin t-margin t-margin" "l-margin content r-margin" "footer footer footer";
  grid-template-rows: min-content 10px 1fr 10px;
  grid-template-columns: 10px 1fr 10px; }
  .ui-element-window > .content {
    grid-area: content; }
  .ui-element-window > .title {
    grid-area: title;
    position: initial;
    top: -4px;
    left: 0;
    font-family: 'Constantia', sans-serif;
    font-size: 32px;
    color: #E7AA40;
    text-shadow: 0 2px 3px black;
    text-align: center;
    width: inherit;
    padding-bottom: 2px;
    border-image: url("../data/textures/ui/ui8/Miscellaneous/General/General_Border_Shadow_Horizontal_2.png");
    border-image-slice: 0 20 100% 20;
    border-image-repeat: repeat;
    border-bottom-width: 2px;
    border-bottom-style: solid; }
    .ui-element-window > .title::after {
      z-index: -1;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      content: '';
      height: 42px;
      width: inherit;
      max-width: 400px;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 116, 46, 0.1) 50%, rgba(0, 0, 0, 0) 100%); }
    .ui-element-window > .title::before {
      z-index: -2;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      content: '';
      height: 42px;
      width: inherit;
      background: url("../data/textures/ui/ui8/Windows/Window/Window_Header_Tribals.png") left/contain no-repeat, url("../data/textures/ui/ui8/Windows/Window/Window_Header_Tribals_reflected_x.png") right/contain no-repeat; }
  .ui-element-window .button-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px; }
    .ui-element-window .button-close .icon {
      position: absolute;
      width: inherit;
      height: inherit;
      background-repeat: no-repeat;
      background-size: 60%;
      background-position: center;
      background-image: url("../data/icons/cross93.svg"); }

.ui-army-controller .ui-list-view.auras {
  position: inherit;
  flex-direction: column; }

.ui-army-controller .aura-adder {
  display: flex;
  flex-direction: row;
  margin-top: 8px; }
  .ui-army-controller .aura-adder .id {
    flex-grow: 1;
    position: relative;
    display: block;
    min-width: 36px; }
  .ui-army-controller .aura-adder .ui-button-view.add {
    margin-left: 16px;
    margin-right: 4px;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    display: block; }

.ui-aura-controller {
  display: flex; }
  .ui-aura-controller .icon {
    display: inline;
    width: 20px;
    height: 20px; }
  .ui-aura-controller .name {
    display: inline; }
  .ui-aura-controller .count {
    display: inline;
    width: 32px; }
  .ui-aura-controller .ui-button-view.remove {
    position: relative;
    display: inline-block;
    background-image: url("../data/textures/icons/kenny/gameicons/PNG/White/2x/trashcan.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px; }

.color-picker-control-view .gauge-view {
  height: 17px; }

.color-picker-control-view .gauge-view:nth-child(n+1) {
  margin-top: 2px; }

.gauge-view {
  display: flex;
  flex-direction: row; }
  .gauge-view .label {
    position: relative;
    display: block;
    width: 20px;
    user-select: none; }
  .gauge-view .gauge {
    flex-grow: 1;
    position: relative;
    height: inherit;
    margin-right: 8px; }
    .gauge-view .gauge canvas {
      width: 100%;
      height: inherit;
      border: 1px white solid;
      box-sizing: border-box; }
  .gauge-view .mark-view {
    margin-left: -4px;
    margin-right: -4px;
    height: 100%;
    width: 8px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    border: 2px white solid;
    pointer-events: none;
    user-select: none;
    box-sizing: border-box;
    box-shadow: 0 0 4px black; }

.ui-item-container-controller .ui-list-view.items {
  position: inherit;
  flex-direction: column; }

.ui-item-container-controller .item-adder {
  display: flex;
  flex-direction: row;
  margin-top: 8px; }
  .ui-item-container-controller .item-adder .id {
    flex-grow: 1;
    position: relative;
    display: block;
    min-width: 36px; }
  .ui-item-container-controller .item-adder .ui-button-view.add {
    margin-left: 16px;
    margin-right: 4px;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    display: block; }

.ui-item-container-controller .random {
  position: relative;
  width: inherit;
  margin-bottom: 8px; }
  .ui-item-container-controller .random > .label {
    min-width: 66px; }
  .ui-item-container-controller .random .ui-numeric-interval-controller {
    width: calc(100% - 70px);
    position: relative; }

.ui-item-controller {
  display: flex; }
  .ui-item-controller .icon {
    display: inline;
    width: 20px;
    height: 20px; }
  .ui-item-controller .name {
    display: inline; }
  .ui-item-controller .count {
    display: inline;
    width: 32px; }
  .ui-item-controller .ui-button-view.remove {
    position: relative;
    display: inline-block;
    background-image: url("../data/textures/icons/kenny/gameicons/PNG/White/2x/trashcan.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px; }

.ui-line-view {
  display: flex;
  flex-direction: row;
  align-content: stretch; }

.ui-mesh-controller .ui-mesh-preview {
  position: relative; }

.ui-numeric-interval-controller {
  display: flex;
  flex-direction: row; }
  .ui-numeric-interval-controller .ui-number-controller {
    min-width: 32px;
    flex-grow: 1;
    flex-shrink: 1; }
  .ui-numeric-interval-controller .separator {
    flex-grow: 0;
    margin-left: 4px;
    margin-right: 4px; }

.tool-view .label {
  user-select: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.gui-element-system-group-ui-managed-achievements {
  z-index: 4;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column; }

.ui-achievement-notification-view {
  width: 460px;
  height: 58px;
  position: relative;
  box-sizing: border-box;
  display: grid;
  margin: 36px 16px 16px 8px;
  background-image: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.84) 0, transparent 73%), radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.45) 0, transparent 50%); }
  .ui-achievement-notification-view:after {
    top: 0;
    left: 115px;
    position: absolute;
    height: 58px;
    width: 230px;
    content: '';
    box-sizing: border-box;
    border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_top2.png");
    border-image-slice: 0 0 100% 0;
    border-image-repeat: stretch;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  .ui-achievement-notification-view .title {
    z-index: 2;
    top: 0;
    left: 88px;
    position: absolute;
    height: 100%;
    width: 284px;
    color: white;
    font-size: 32px;
    font-family: "Cambria", sans-serif;
    text-align: center;
    line-height: 58px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ui-achievement-notification-view .marker {
    z-index: 1;
    right: -20px;
    top: -13px;
    position: absolute;
    height: 50px;
    width: 50px;
    background-image: url("../data/textures/ui/Fantasy_GUI/fantasy_gui_png/banner_01_01.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
    .ui-achievement-notification-view .marker::after {
      right: 12.5px;
      top: 10px;
      position: absolute;
      height: 25px;
      width: 25px;
      content: '';
      background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/yellow/y_17.PNG");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2)); }
  .ui-achievement-notification-view .unlocked {
    z-index: 0;
    left: 0;
    top: -22px;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 22px;
    font-size: 16px;
    font-family: "Constantia", sans-serif;
    color: #E7AA40;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 1px 1px 1px black;
    background-image: radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.35) 0, transparent 73%);
    border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_top2.png");
    border-image-slice: 0 0 100% 0;
    border-image-repeat: stretch;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  .ui-achievement-notification-view .icon {
    z-index: 1;
    top: -3px;
    left: 16px;
    position: absolute;
    height: 64px;
    width: 64px; }
    .ui-achievement-notification-view .icon .image {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      box-sizing: border-box; }
    .ui-achievement-notification-view .icon .foreground {
      z-index: 1;
      position: absolute;
      width: 100%;
      height: 100%;
      border-image-source: url("../data/textures/ui/RPG_Icon_edgeStyles/edgestyle3_64.png");
      border-image-slice: 3 3 3 3;
      border-image-repeat: stretch;
      border-width: 3px;
      border-style: solid;
      box-sizing: border-box;
      box-shadow: 0 0 16px rgba(255, 255, 255, 0.7), inset 0 0 4px 1px rgba(0, 0, 0, 0.3); }

.ecs-health .progress-bar {
  position: fixed;
  top: 5px;
  left: 0;
  right: 0;
  width: 60px;
  height: 20px;
  border-radius: 0;
  border: 0px solid black;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.7), inset 0 0 1px rgba(0, 0, 0, 0.7);
  background: rgba(80, 80, 80, 0.5); }

.ecs-health .health {
  height: 6px; }
  .ecs-health .health .fill {
    background: #66e400;
    background: -moz-linear-gradient(top, #92ff32 0%, #9bff87 50%, #4bff30 52%, #7ee079 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92ff32), color-stop(50%, #9bff87), color-stop(52%, #4bff30), color-stop(100%, #7ee079));
    background: -webkit-linear-gradient(top, #92ff32 0%, #9bff87 50%, #4bff30 52%, #7ee079 100%);
    background: -o-linear-gradient(top, #92ff32 0%, #9bff87 50%, #4bff30 52%, #7ee079 100%);
    background: -ms-linear-gradient(top, #92ff32 0%, #9bff87 50%, #4bff30 52%, #7ee079 100%);
    background: linear-gradient(to bottom, #92ff32 0%, #9bff87 50%, #4bff30 52%, #7ee079 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92ff32', endColorstr='#7ee079',GradientType=0 ); }

.ecs-health .armor {
  top: 10px;
  height: 3px; }
  .ecs-health .armor .fill {
    background: #FFFFFF; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-city-hud {
  will-change: transform;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  position: absolute;
  height: 20px;
  width: 150px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6);
  background-image: radial-gradient(ellipse at left, rgba(255, 255, 255, 0.3) 0, transparent 50%);
  overflow: hidden; }
  .ui-city-hud .ui-simple-army-strength-view {
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
    position: absolute;
    right: 4px;
    top: 4px; }
  .ui-city-hud .owner-name {
    left: 10px;
    margin-left: 5px;
    position: absolute;
    line-height: 20px;
    display: none; }
  .ui-city-hud .owner-marker {
    left: 0;
    top: 0;
    position: absolute;
    width: 10px;
    height: inherit;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); }
  .ui-city-hud .army {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: 20px; }
  .ui-city-hud .name.label {
    left: 10px;
    margin-left: 5px;
    position: absolute;
    line-height: 20px;
    color: black;
    text-shadow: 0 0 2px white;
    font-weight: bold; }

.ui-city-hud.team-0 .ui-simple-army-strength-view {
  display: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-hud {
  will-change: transform;
  position: absolute;
  width: 120px;
  height: 30px;
  color: #f1d89c;
  font-family: "Open Sans", sans-serif;
  font-size: 13px; }
  .ui-combat-unit-hud.unit-type-hero .label.name {
    font-weight: bold;
    color: gold; }
  .ui-combat-unit-hud.unit-type-normal .label.name {
    color: white; }
  .ui-combat-unit-hud .label.name {
    color: white;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-top: 0;
    font-size: 14px;
    width: 94px;
    height: 15px;
    z-index: 2;
    font-family: "Constantia", sans-serif;
    text-shadow: 0 1px 1px black, 0 0 1px black, 0 0 4px rgba(0, 0, 0, 0.4); }
  .ui-combat-unit-hud .label.level {
    top: 0;
    left: 0;
    width: 24px;
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
    height: 15px;
    text-align: center;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
  .ui-combat-unit-hud .team-marker {
    position: absolute;
    width: 20px;
    height: 20px; }
  .ui-combat-unit-hud > .label {
    top: 0;
    left: 0;
    position: absolute; }
  .ui-combat-unit-hud .progress-bar.experience {
    display: none;
    box-sizing: border-box;
    border: none;
    background: #3c3c3c; }
    .ui-combat-unit-hud .progress-bar.experience .fill {
      background: #c2870a;
      box-shadow: none; }
  .ui-combat-unit-hud .progress-bar.health {
    background: #3c3c3c;
    box-sizing: border-box;
    top: 0;
    position: absolute;
    width: inherit;
    border: none; }
    .ui-combat-unit-hud .progress-bar.health .fill {
      position: absolute;
      background-color: #00d10a; }
    .ui-combat-unit-hud .progress-bar.health .label {
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.5);
      font-family: 'Cambria', sans-serif;
      line-height: 15px;
      font-weight: bold;
      font-size: 12px;
      position: absolute;
      text-align: center;
      vertical-align: middle;
      height: 17px;
      width: 100%; }
  .ui-combat-unit-hud .afflictions {
    align-items: flex-start;
    flex-wrap: wrap;
    top: 0; }

@keyframes push-in {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }
    .ui-combat-unit-hud .afflictions .ui-unit-affliction-view {
      width: 16px;
      height: 16px;
      animation: push-in 0.5s ease; }

@keyframes push-in-flag-icon {
  0% {
    opacity: 0.2;
    transform: scale(2); }
  100% {
    opacity: 1;
    transform: scale(1); } }
  .ui-combat-unit-hud.unit-flag-Defending .progress-bar.health {
    box-shadow: 0 0 4px rgba(0, 51, 180, 0.5); }
  .ui-combat-unit-hud.unit-flag-Defending .progress-bar.health::after {
    position: absolute;
    left: 0;
    content: '';
    min-width: 15px;
    min-height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_01.png");
    filter: grayscale(100%) brightness(1000%);
    animation: push-in-flag-icon 0.3s ease-in; }
  .ui-combat-unit-hud.unit-flag-Waiting:not(.unit-flag-Moved) .progress-bar.health::after {
    position: absolute;
    left: 0;
    content: '';
    min-width: 15px;
    min-height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_20.png");
    filter: grayscale(100%) brightness(1000%);
    animation: push-in-flag-icon 0.3s ease-in; }

.ui-combat-unit-hud.team-0 > .level {
  background-color: #2f6f32; }

.ui-combat-unit-hud.team-0 > .progress-bar.health .fill {
  background-color: #00d10a; }

.ui-combat-unit-hud.team-1 > .level {
  background-color: #743332; }

.ui-combat-unit-hud.team-1 > .progress-bar.health .fill {
  background-color: #d90300; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.hero-finder.ui-unit-radial-preview {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .hero-finder.ui-unit-radial-preview .unit-icon-view {
    border-width: 2px;
    border-color: gold;
    border-style: solid; }
    .hero-finder.ui-unit-radial-preview .unit-icon-view::after {
      z-index: 1;
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      background-size: 100% 100%;
      background-image: url("../data/textures/ui/ui8/HUD/Unit Frames/Avatar/UnitFrame_Avatar_Overlay.png"); }
    .hero-finder.ui-unit-radial-preview .unit-icon-view::before {
      z-index: 2;
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.3), inset 0 -2px 1px -1px rgba(255, 255, 255, 0.3);
      content: ''; }
  .hero-finder.ui-unit-radial-preview .health {
    display: none; }
  .hero-finder.ui-unit-radial-preview.hud-system-sticky-flag {
    filter: drop-shadow(0 0 5px white) drop-shadow(0 0 2px white); }

.pointer-lock {
  width: 200px;
  height: 200px;
  margin: auto;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 200px;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
  color: black;
  font-family: 'Lucida Grande', sans-serif;
  font-size: 12px;
  font-weight: bold;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 100px; }

.ui-language-selector-view:hover .current .icon {
  filter: none;
  transition: all 0.13s linear; }

.ui-language-selector-view .current {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .ui-language-selector-view .current .icon {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
    filter: grayscale(20%) sepia(20%);
    overflow: hidden;
    transition: all 0.7s linear; }

.ui-language-selector-view .menu {
  position: absolute;
  display: flex;
  flex-direction: column; }
  .ui-language-selector-view .menu .ui-language-option-view {
    position: initial;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }

.animated-loot-icon {
  z-index: 3; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-inventory-view {
  display: grid;
  grid-template-columns: 150px auto 150px;
  grid-template-rows: 150px auto 150px; }
  .ui-inventory-view .ui-item-container-card {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    position: relative;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden; }
    .ui-inventory-view .ui-item-container-card .ui-list-view {
      position: relative;
      max-height: 100%;
      width: 100%;
      align-items: flex-start;
      justify-content: flex-start;
      align-content: flex-start; }
      .ui-inventory-view .ui-item-container-card .ui-list-view .ui-item-view.no-targets {
        filter: brightness(70%); }
        .ui-inventory-view .ui-item-container-card .ui-list-view .ui-item-view.no-targets .icon {
          filter: grayscale(50%) contrast(90%); }
      .ui-inventory-view .ui-item-container-card .ui-list-view .ui-item-view.not-viewed {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.3); }
        .ui-inventory-view .ui-item-container-card .ui-list-view .ui-item-view.not-viewed .icon {
          filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3)); }
        .ui-inventory-view .ui-item-container-card .ui-list-view .ui-item-view.not-viewed .label.name::after {
          color: #f1d89c;
          font-family: IconFont1, serif;
          content: '\e9d9';
          margin-left: 4px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-item-container-card {
  position: absolute; }
  .ui-item-container-card .label {
    z-index: 1;
    font-family: "Constantia", sans-serif;
    position: absolute; }
  .ui-item-container-card .empty {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    color: #bdbdbd; }
    .ui-item-container-card .empty .label {
      position: relative;
      white-space: nowrap;
      font-size: 36px;
      text-align: center;
      margin: auto; }
  .ui-item-container-card .ui-list-view {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    .ui-item-container-card .ui-list-view .ui-item-view {
      max-width: 310px;
      margin: 4px;
      position: relative; }
      .ui-item-container-card .ui-list-view .ui-item-view .label.description {
        display: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-item-view {
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-rows: 22px auto;
  grid-column-gap: 4px;
  max-width: 300px;
  height: 50px;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
  user-select: none;
  left: 0;
  top: 0;
  position: absolute; }
  .ui-item-view .label {
    z-index: 1;
    font-family: 'Open Sans', sans-serif; }
  .ui-item-view .label.name {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    color: white;
    font-size: 14px;
    padding-top: 2px; }
  .ui-item-view .label.flavour-text {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    font-size: 12px;
    color: #c9c9c9; }
  .ui-item-view .label.description {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    font-size: 12px;
    color: #c9c9c9; }
  .ui-item-view .label.count {
    pointer-events: none;
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
    padding: 2px 5px; }
  .ui-item-view .icon {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
    width: 100%;
    height: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 1; }

.ui-minimap-view {
  position: absolute;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .ui-minimap-view .ui-minimap-marker-view {
    top: 0;
    left: 0;
    position: absolute; }
    .ui-minimap-view .ui-minimap-marker-view img {
      width: inherit;
      height: inherit; }
  .ui-minimap-view .ui-terrain-view {
    transform-origin: top left;
    position: absolute;
    left: 0;
    top: 0; }
    .ui-minimap-view .ui-terrain-view .ui-terrain-preview {
      transform-origin: top left;
      position: absolute;
      overflow: hidden; }
  .ui-minimap-view .ui-camera-view {
    pointer-events: none;
    left: 0;
    top: 0;
    border-width: 2px;
    border-color: white;
    border-style: dashed;
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.managed-notification-channel-primary.ui-notification-view {
  z-index: 2;
  position: absolute;
  top: calc(23% + 140px);
  right: 0;
  left: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 60px auto;
  grid-template-rows: 60px auto; }
  .managed-notification-channel-primary.ui-notification-view .title {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: 1;
    color: #f7eac9;
    line-height: 60px;
    font-size: 38px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    text-align: center;
    background-image: radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.4) 0, transparent 50%);
    border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_top2.png");
    border-image-slice: 0 0 100% 0;
    border-image-repeat: stretch;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0; }
  .managed-notification-channel-primary.ui-notification-view .image {
    width: 60px;
    height: 60px;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1; }
  .managed-notification-channel-primary.ui-notification-view .description {
    text-align: center;
    font-size: 18px;
    min-height: 100px;
    text-shadow: 0 1px 1px black;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: 2;
    color: #e7cc8d;
    background-image: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.4) 50%, transparent 70%);
    background-size: 100% 100px;
    background-repeat: no-repeat; }

.gui-element-system-group-managed-toast-notifications {
  z-index: 4;
  position: absolute;
  top: initial;
  left: initial;
  bottom: 200px;
  right: 10px; }
  .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast {
    width: 300px;
    height: 50px;
    margin-bottom: 10px; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast .title {
      top: 0;
      color: white;
      text-shadow: 0 0 3px black, 0 0 1px black;
      position: absolute;
      margin-left: 10px;
      left: 50px; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast .description {
      font-size: 14px;
      top: 18px;
      color: #dadada;
      text-shadow: 0 0 2px black;
      position: absolute;
      margin-left: 10px;
      left: 50px; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast .image {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px; }

.managed-notification-channel-secondary {
  color: #f1d89c;
  left: 0;
  top: calc(23% + 40px);
  position: absolute;
  z-index: 2;
  right: 0;
  margin-left: auto;
  margin-right: auto; }
  .managed-notification-channel-secondary .title {
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 5px rgba(0, 0, 0, 0.3);
    font-size: 32px;
    text-align: center; }
  .managed-notification-channel-secondary .description {
    font-size: 20px;
    text-align: center; }
  .managed-notification-channel-secondary .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px; }
  .managed-notification-channel-secondary.warning {
    z-index: 1001; }
    .managed-notification-channel-secondary.warning .title {
      color: #ff5154;
      text-shadow: 0 1px 1px black, 0 0 5px rgba(0, 0, 0, 0.6); }

.managed-notification-channel-primary .title, .managed-notification-channel-secondary .title {
  font-family: 'Constantia', sans-serif;
  text-shadow: 0 1px 1px black; }

.managed-notification-channel-primary .description, .managed-notification-channel-secondary .description {
  font-family: 'Cambria', sans-serif;
  text-shadow: 0 1px 1px black; }

.managed-notification-channel-primary.friendly, .managed-notification-channel-secondary.friendly {
  color: #3fca40; }

.managed-notification-channel-primary.hostile, .managed-notification-channel-secondary.hostile {
  color: #ff5a58; }

.managed-notification-channel-primary, .managed-notification-channel-secondary, .managed-notification-channel-toast {
  will-change: transform, opacity; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-toast-log-view {
  z-index: 0;
  font-family: "Constantia", sans-serif;
  font-size: 16px;
  line-height: 16px;
  position: fixed;
  right: 10px;
  bottom: 200px;
  width: 300px; }
  .ui-toast-log-view .ui-notification-view {
    left: 0;
    top: 0;
    position: absolute;
    width: 300px;
    height: 50px;
    margin-bottom: 10px; }
    .ui-toast-log-view .ui-notification-view .title {
      top: 0;
      color: white;
      text-shadow: 0 0 3px black, 0 0 1px black;
      position: absolute;
      margin-left: 10px;
      left: 50px; }
    .ui-toast-log-view .ui-notification-view .description {
      font-size: 14px;
      top: 18px;
      color: #dadada;
      text-shadow: 0 0 2px black;
      position: absolute;
      margin-left: 10px;
      left: 50px; }
    .ui-toast-log-view .ui-notification-view .image {
      position: absolute;
      top: 5px;
      left: 5px;
      width: 40px;
      height: 40px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@font-face {
  font-family: 'Lobster';
  src: url("../data/fonts/Lobster.ttf"); }

@font-face {
  font-family: 'Komika Axis';
  src: url("../data/fonts/komika_poster/KOMIKAX_.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome';
  src: url("../data/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'Baloo';
  src: url("../data/fonts/Baloo_1.100/Baloo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'IcoFont';
  src: url("../data/fonts/icofont/fonts/icofont.ttf") format("truetype"); }

@font-face {
  font-family: 'IconFont1';
  src: url("../data/fonts/icon-font-1/fonts/icomoon.ttf") format("truetype"); }

@font-face {
  font-family: 'Assassin';
  src: url("../data/fonts/ui8/Assassin$.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantine';
  src: url("../data/fonts/ui8/Constantine Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../data/fonts/ui8/Constantia Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cambria';
  src: url("../data/fonts/ui8/Cambria Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lemon Milk';
  src: url("../data/fonts/lemon_milk/LemonMilk.ttf") format("truetype"); }

@font-face {
  font-family: 'Seagram TFB';
  src: url("../data/fonts/seagram_tfb/Seagram tfb.ttf") format("truetype"); }

@font-face {
  font-family: 'Flesh Wound';
  src: url("../data/fonts/flesh_wound/Flesh Wound.ttf") format("truetype"); }

@font-face {
  font-family: 'Aesthetic DEMO';
  src: url("../data/fonts/aesthetic/Aesthetic DEMO.ttf") format("truetype"); }

@font-face {
  font-family: 'Lifecraft';
  src: url("../data/fonts/lifecraft/LifeCraft_Font.ttf") format("truetype"); }

@font-face {
  font-family: 'Black Castle';
  src: url("../data/fonts/black_castle/BlackCastleMF.ttf") format("truetype"); }

@font-face {
  font-family: 'Morris Roman';
  src: url("../data/fonts/morris_roman/MorrisRomanBlack.ttf") format("truetype"); }

.command-button-view {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
  opacity: 1;
  pointer-events: painted;
  outline: 0;
  background: none;
  padding: 3px;
  position: absolute;
  box-sizing: border-box;
  border-width: 0;
  margin: 20px;
  width: 100px;
  height: 100px;
  color: black;
  font-size: 56px;
  line-height: 94px; }
  .command-button-view .foreground {
    position: absolute;
    top: -5%;
    left: -4%;
    width: 109%;
    height: 109%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter linear 0.2s; }
  .command-button-view .background {
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c140d;
    box-sizing: border-box;
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.6);
    transition: filter cubic-bezier(0.03, 0.98, 0.52, 0.99) 1000ms; }
  .command-button-view .background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-image: url("../data/textures/ui/olga/badges/Fon_frame_large2.png");
    background-size: contain;
    background-repeat: no-repeat; }

.command-button-view.enabled:hover {
  opacity: 1;
  transition: background-color linear 0.2s, box-shadow ease-out 0.25s, border linear 0.15s; }
  .command-button-view.enabled:hover .foreground {
    filter: contrast(120%); }
  .command-button-view.enabled:hover .background {
    transition: filter cubic-bezier(0.03, 0.98, 0.52, 0.99) 200ms;
    filter: brightness(150%); }

.command-button-view.disabled {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright Cross.png") 5 4, pointer; }
  .command-button-view.disabled .foreground {
    filter: grayscale(90%); }
  .command-button-view.disabled .background {
    filter: grayscale(100%) contrast(70%); }

.command-button-view.feature-attention::before {
  top: -4px;
  left: -4px;
  position: absolute;
  background: #e6af00;
  content: '';
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 200px;
  z-index: -1;
  animation: 1.8s infinite ease-out pulse; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 194, 0, 0.71); }
  53% {
    box-shadow: 0 0 0 8px rgba(255, 194, 0, 0); }
  68% {
    box-shadow: 0 0 0 0 transparent; } }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@font-face {
  font-family: 'Lobster';
  src: url("../data/fonts/Lobster.ttf"); }

@font-face {
  font-family: 'Komika Axis';
  src: url("../data/fonts/komika_poster/KOMIKAX_.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome';
  src: url("../data/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'Baloo';
  src: url("../data/fonts/Baloo_1.100/Baloo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'IcoFont';
  src: url("../data/fonts/icofont/fonts/icofont.ttf") format("truetype"); }

@font-face {
  font-family: 'IconFont1';
  src: url("../data/fonts/icon-font-1/fonts/icomoon.ttf") format("truetype"); }

@font-face {
  font-family: 'Assassin';
  src: url("../data/fonts/ui8/Assassin$.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantine';
  src: url("../data/fonts/ui8/Constantine Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../data/fonts/ui8/Constantia Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cambria';
  src: url("../data/fonts/ui8/Cambria Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lemon Milk';
  src: url("../data/fonts/lemon_milk/LemonMilk.ttf") format("truetype"); }

@font-face {
  font-family: 'Seagram TFB';
  src: url("../data/fonts/seagram_tfb/Seagram tfb.ttf") format("truetype"); }

@font-face {
  font-family: 'Flesh Wound';
  src: url("../data/fonts/flesh_wound/Flesh Wound.ttf") format("truetype"); }

@font-face {
  font-family: 'Aesthetic DEMO';
  src: url("../data/fonts/aesthetic/Aesthetic DEMO.ttf") format("truetype"); }

@font-face {
  font-family: 'Lifecraft';
  src: url("../data/fonts/lifecraft/LifeCraft_Font.ttf") format("truetype"); }

@font-face {
  font-family: 'Black Castle';
  src: url("../data/fonts/black_castle/BlackCastleMF.ttf") format("truetype"); }

@font-face {
  font-family: 'Morris Roman';
  src: url("../data/fonts/morris_roman/MorrisRomanBlack.ttf") format("truetype"); }

.ui-overlay-page-gui {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0; }
  .ui-overlay-page-gui .label.page-title {
    position: absolute;
    z-index: 1;
    top: 28px;
    left: 148px;
    height: 60px;
    line-height: 60px;
    font-size: 74px;
    color: white;
    font-family: "Constantine", sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 5px rgba(0, 0, 0, 0.2); }
  .ui-overlay-page-gui .view-container {
    z-index: 1;
    position: absolute;
    pointer-events: all; }
  .ui-overlay-page-gui .fill-view {
    z-index: 0;
    pointer-events: all;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)) {
      .ui-overlay-page-gui .fill-view {
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
        background-color: rgba(0, 0, 0, 0.5); } }
    @supports not ((backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px))) {
      .ui-overlay-page-gui .fill-view {
        background-color: rgba(0, 0, 0, 0.75); } }
  .ui-overlay-page-gui .back-button {
    z-index: 2;
    pointer-events: auto;
    position: absolute;
    top: 24px;
    left: 24px;
    width: 60px;
    height: 60px;
    padding: 5px;
    font-size: 32px;
    background-color: transparent;
    background-image: url("../data/icons/while-left-arrow-circular-button-outline-with-shadow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.reference-type-stat {
  color: white;
  text-shadow: 0 0 1px black; }

.reference-type-affliction {
  top: -4px;
  position: relative;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  white-space: nowrap; }
  .reference-type-affliction .ui-affliction-description-view {
    margin-top: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 6px; }
  .reference-type-affliction .ui-unit-affliction-view {
    margin: 0;
    display: inline-block;
    width: 16px;
    height: 16px; }
  .reference-type-affliction .affliction-name {
    margin-left: 4px;
    padding-top: 1px;
    line-height: 16px;
    display: inline-block; }

.reference-type-item.ui-item-view {
  position: relative;
  display: inline-grid;
  grid-template-columns: 24px;
  height: 24px;
  width: auto;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto;
  vertical-align: bottom;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: -3px;
  margin-top: 4px; }
  .reference-type-item.ui-item-view .name {
    font-size: 16px;
    grid-row-end: 3;
    align-self: center; }
  .reference-type-item.ui-item-view .count {
    display: none; }
  .reference-type-item.ui-item-view .description {
    display: none; }
  .reference-type-item.ui-item-view .flavour-text {
    display: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-tooltip-manager-context {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  pointer-events: none; }
  .ui-tooltip-manager-context .tooltip-view {
    position: absolute;
    top: 0;
    left: 0; }
    .ui-tooltip-manager-context .tooltip-view .contents {
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      background: #292727;
      border: 1px solid black;
      color: #f1d89c;
      font-size: 16px;
      font-family: "Open Sans", sans-serif;
      text-shadow: 0 0 1px black;
      padding: 12px;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), inset 0 0 8px rgba(255, 255, 255, 0.05); }
    .ui-tooltip-manager-context .tooltip-view .compass {
      z-index: -1;
      position: absolute;
      filter: drop-shadow(0 0 2px white); }
      .ui-tooltip-manager-context .tooltip-view .compass .color-stop-0 {
        stop-color: black; }
      .ui-tooltip-manager-context .tooltip-view .compass .color-stop-1 {
        stop-color: black; }
      .ui-tooltip-manager-context .tooltip-view .compass .compass-triangle {
        stroke: black;
        fill: url(#gradient); }

.ui-tooltip-manager-context > .tooltip-view > .contents {
  white-space: pre; }
  .ui-tooltip-manager-context > .tooltip-view > .contents .title {
    font-weight: bold;
    display: block; }
  .ui-tooltip-manager-context > .tooltip-view > .contents .label {
    vertical-align: top; }
  .ui-tooltip-manager-context > .tooltip-view > .contents .ui-action-binding {
    margin-top: 4px;
    white-space: pre; }
    .ui-tooltip-manager-context > .tooltip-view > .contents .ui-action-binding .stat-value {
      color: #00ff14; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-tutorial-entry-view {
  position: relative; }
  .ui-tutorial-entry-view > .content {
    margin-bottom: 16px; }
    .ui-tutorial-entry-view > .content .visual-element.flex-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: start; }
      .ui-tutorial-entry-view > .content .visual-element.flex-row > .visual-element-image {
        flex-shrink: 0; }
      .ui-tutorial-entry-view > .content .visual-element.flex-row > .visual-element:nth-child(n+2) {
        margin-left: 16px; }
    .ui-tutorial-entry-view > .content .visual-element-text {
      font-size: 18px;
      white-space: pre-wrap; }
      .ui-tutorial-entry-view > .content .visual-element-text::first-letter {
        font-size: 200%;
        color: white;
        font-family: "Constantine", sans-serif;
        font-weight: bold;
        vertical-align: bottom;
        line-height: .9em; }
  .ui-tutorial-entry-view > .disable-tutorial-option {
    display: block;
    position: absolute;
    bottom: -52px;
    right: 0; }
    .ui-tutorial-entry-view > .disable-tutorial-option .label {
      color: white;
      vertical-align: top; }
    .ui-tutorial-entry-view > .disable-tutorial-option input[type="checkbox"] {
      display: inline-block;
      vertical-align: center; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-army-builder-view div {
  position: absolute; }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle::after {
  content: '';
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background: white;
  mask-size: 90%;
  -webkit-mask-size: 90%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-image: none;
  -webkit-mask-image: none; }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle {
  transition: transform 0.16s ease-in-out;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
  width: 36px;
  height: 36px;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 36px;
  background-color: #3b7430;
  border: 2px solid white;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 0 0 5px rgba(255, 255, 255, 0.07); }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle:hover {
  transform: scale(1.5); }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle.gender-male {
  background: #8489c0; }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle.gender-female {
  background: #c0788c; }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle.gender-male::after {
  mask-image: url("../data/icons/game-icons-net/delapouite/originals/svg/000000/transparent/male.svg");
  -webkit-mask-image: url("../data/icons/game-icons-net/delapouite/originals/svg/000000/transparent/male.svg"); }

.ui-army-builder-view .unit-slot .ui-button-view.gender-toggle.gender-female::after {
  mask-image: url("../data/icons/game-icons-net/delapouite/originals/svg/000000/transparent/female.svg");
  -webkit-mask-image: url("../data/icons/game-icons-net/delapouite/originals/svg/000000/transparent/female.svg"); }

.ui-army-builder-view .unit-slot .unit-icon-view {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
  border-radius: 100px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }

.ui-army-builder-view .unit-slot .combat-unit-details-view {
  padding-left: 16px; }
  .ui-army-builder-view .unit-slot .combat-unit-details-view .label.name {
    position: relative;
    text-align: left; }
  .ui-army-builder-view .unit-slot .combat-unit-details-view .unit-description {
    top: 16px;
    background: none; }

.ui-army-builder-view .unit-slot.unit-type-hero .unit-icon-view {
  border: 2px gold solid;
  margin: -2px; }

.ui-army-builder-view-offer-menu .unit-icon-view {
  position: absolute;
  border-radius: 100px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-army-strength-view {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6);
  position: absolute; }
  .ui-army-strength-view .own, .ui-army-strength-view .opponent {
    position: absolute; }
  .ui-army-strength-view .opponent {
    background: #a8a8a8; }

.ui-army-strength-view.weak > .own {
  background: #fefefe; }

.ui-army-strength-view.weaker > .own {
  background: #92e800; }

.ui-army-strength-view.equal > .own {
  background: #fff906; }

.ui-army-strength-view.stronger > .own {
  background: #ff8a00; }

.ui-army-strength-view.strong > .own {
  background: #ff1000; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.combat-unit-details-view {
  left: 0;
  top: 0;
  box-sizing: border-box;
  font-size: 16px;
  position: absolute;
  color: #f1d89c; }
  .combat-unit-details-view .label.name {
    display: inline;
    color: white;
    font-family: "Constantia", sans-serif;
    font-size: 20px;
    width: inherit;
    text-align: center;
    font-weight: 600;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3); }
  .combat-unit-details-view.unit-type-hero .label.name {
    color: gold; }
  .combat-unit-details-view.unit-type-normal .label.unit-type, .combat-unit-details-view.unit-type-large .label.unit-type {
    display: none; }
  .combat-unit-details-view .label.unit-type {
    font-size: 20px;
    margin-left: 8px;
    border: none;
    border-radius: 4px;
    font-weight: normal;
    padding: 1px 4px;
    color: gold;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.25);
    display: inline;
    position: relative; }
  .combat-unit-details-view .unit-description {
    padding: 3px 2px;
    background: rgba(255, 255, 255, 0.2);
    margin-top: 10px;
    text-align: justify;
    text-justify: distribute; }
  .combat-unit-details-view .unit-roles {
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .combat-unit-details-view .unit-roles .unit-role:nth-child(n+2) {
      margin-left: 4px; }
    .combat-unit-details-view .unit-roles .unit-role {
      color: white;
      text-shadow: 0 0 2px black;
      padding: 0 4px 3px 4px;
      position: relative;
      border-radius: 4px;
      border-style: solid;
      border-width: 0;
      box-shadow: 1px 1px 3px black;
      background: rgba(255, 255, 255, 0.5); }
    .combat-unit-details-view .unit-roles .unit-role-damage {
      background: #a03531; }
    .combat-unit-details-view .unit-roles .unit-role-tank {
      background: #2d5695; }
    .combat-unit-details-view .unit-roles .unit-role-support {
      background: #009900; }
    .combat-unit-details-view .unit-roles .unit-role-area {
      background: rgba(255, 0, 255, 0.5); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-occurrence-definition-view .chance-value {
  color: white; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-simple-army-strength-view {
  will-change: transform;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6);
  position: absolute;
  border-radius: 50px; }

.ui-simple-army-strength-view.weak {
  background: #fefefe; }

.ui-simple-army-strength-view.weaker {
  background: #92e800; }

.ui-simple-army-strength-view.equal {
  background: #fff906; }

.ui-simple-army-strength-view.stronger {
  background: #ff8a00; }

.ui-simple-army-strength-view.strong {
  background: #ff1000; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-unit-card.dead .unit-icon-view {
  filter: grayscale(100%); }

.ui-unit-card.dead .label.level {
  color: #ff3d3e; }

.ui-unit-card.dead .progress-bar.health {
  display: none; }

.ui-unit-card .label {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: white;
  text-shadow: 1px 1px 0 black;
  user-select: none; }

.ui-unit-card .label.name {
  z-index: 2;
  color: white;
  font-family: "Constantia", sans-serif;
  top: 5px;
  left: 5px;
  font-size: 16px;
  text-shadow: 0 2px 1px black, 0 0 4px black;
  padding-right: 4px;
  padding-left: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.ui-unit-card .label.level {
  z-index: 1;
  width: 26px;
  height: 26px;
  border: 1px solid #958f8e;
  border-radius: 26px;
  line-height: 26px;
  color: #f1d89c;
  font-family: "Constantine", sans-serif;
  font-size: 16px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  position: absolute;
  background: #201B15;
  bottom: 18px;
  right: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3); }

.ui-unit-card .progress-bar.health {
  height: 7px;
  bottom: 7px;
  margin-left: 5px;
  width: calc(100% - 10px);
  z-index: 2;
  background: #222222;
  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.2); }
  .ui-unit-card .progress-bar.health .fill {
    background: #14c21a; }

.ui-unit-card .progress-bar.experience {
  height: 2px;
  bottom: 0;
  width: 100%;
  border: none;
  background: #636363;
  z-index: 1; }
  .ui-unit-card .progress-bar.experience .fill {
    opacity: 1;
    background: #ffae00; }

.ui-unit-card .progress-bar.experience, .ui-unit-card .progress-bar.health {
  box-sizing: border-box;
  position: absolute; }

.ui-unit-card .mesh-static-view {
  pointer-events: none;
  z-index: -1; }

.ui-unit-card .afflictions {
  flex-wrap: wrap;
  width: calc(100% - 10px);
  z-index: 2;
  top: 28px;
  left: 5px; }

.ui-unit-card .talents {
  z-index: 3;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
  background: #b1b1b1;
  color: black;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }

.ui-unit-card .talents.can-learn {
  background: orange;
  animation: 0.8s ease-in-out infinite alternate outline_in_red; }

.ui-unit-card .talents.have-points {
  text-shadow: 0 0 5px white; }

.ui-unit-card .talents::after {
  content: '+';
  font-size: 20px;
  line-height: 20px;
  width: inherit;
  height: inherit;
  text-align: center;
  position: absolute; }

.ui-unit-card.unit-type-hero .label.name {
  color: gold;
  font-weight: bold; }

.ui-unit-card.unit-type-normal .label.name {
  color: white;
  font-weight: bold; }

.ui-unit-card.team-0 .progress-bar.health .fill {
  background: #00d10a; }

.ui-unit-card.team-1 .progress-bar.health .fill {
  background: #d90300; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.unit-icon-view {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }
  .unit-icon-view .background {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover; }
    .unit-icon-view .background img {
      width: inherit;
      height: inherit;
      object-fit: cover; }
  .unit-icon-view img {
    object-fit: cover;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4)); }

.ui-unit-radial-preview {
  z-index: 2;
  pointer-events: painted;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px; }
  .ui-unit-radial-preview .unit-icon-view {
    border-radius: 200px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.7);
    width: inherit;
    height: inherit;
    position: absolute;
    left: 0;
    top: 0; }
    .ui-unit-radial-preview .unit-icon-view img {
      width: 100%;
      height: 100%;
      padding: 0; }
  .ui-unit-radial-preview .radial-progress-view {
    border-radius: 200px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 0; }
    .ui-unit-radial-preview .radial-progress-view path {
      fill: #14ff1a; }
  .ui-unit-radial-preview .label.level {
    position: absolute;
    z-index: 3;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    background: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 200px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 2px white; }

.ui-unit-radial-preview.unit-type-hero .label.level {
  background-color: #ffdc26; }

@charset "UTF-8";
@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-attack-view {
  z-index: 1;
  left: -100px;
  top: 0;
  width: 200px;
  will-change: transform, opacity;
  text-align: center;
  position: absolute;
  font-family: 'Baloo', sans-serif;
  font-size: 42px;
  font-weight: bold;
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
  line-height: 15px;
  color: #ff4e42; }
  .ui-combat-attack-view.unmitigated > .details {
    display: none; }
  .ui-combat-attack-view.deadly .unmitigated::after {
    content: '!'; }
  .ui-combat-attack-view .details {
    padding-left: 4px;
    font-size: 16px;
    color: white; }
    .ui-combat-attack-view .details:nth-child(even) {
      padding-left: 2px; }
    .ui-combat-attack-view .details .initial {
      display: none; }
    .ui-combat-attack-view .details .blocked.zero {
      display: none; }
    .ui-combat-attack-view .details .blocked::before {
      padding-right: 4px;
      content: "";
      font-family: 'Font Awesome', sans-serif;
      margin-left: 3px; }
    .ui-combat-attack-view .details .absorbed.zero {
      display: none; }
    .ui-combat-attack-view .details .absorbed::before {
      padding-right: 4px;
      content: "";
      font-family: 'Font Awesome', sans-serif;
      margin-left: 3px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-command-menu .combat-command-menu-option-icon {
  position: absolute;
  background-size: contain;
  filter: drop-shadow(0 0 5px black); }
  .ui-combat-command-menu .combat-command-menu-option-icon.attack {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_01.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.heal {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_17_a.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.summon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/yellow/y_05.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.action {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_15.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.inspect {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/violet/v_09.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.unknown {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/green/g_03.png"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-healing-view {
  z-index: 1;
  left: -100px;
  top: 0;
  width: 200px;
  will-change: transform, opacity;
  text-align: center;
  position: absolute;
  font-family: 'Baloo', sans-serif;
  font-size: 42px;
  font-weight: bold;
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black;
  line-height: 15px;
  color: #58ff46; }
  .ui-combat-healing-view .details {
    display: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.combat-screen-view {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }
  .combat-screen-view .command {
    pointer-events: painted;
    outline: 0;
    background: none;
    border: 0 solid rgba(255, 255, 255, 0.9);
    padding: 3px;
    position: absolute;
    border-radius: 50px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    margin: 20px;
    width: 100px;
    height: 100px;
    color: black;
    font-size: 30px; }
    .combat-screen-view .command img {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 55%;
      height: 55%;
      position: absolute; }
  .combat-screen-view .ui-combat-unit-inspection-view {
    position: absolute;
    left: 34px;
    width: 200px;
    height: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto min-content auto; }
    .combat-screen-view .ui-combat-unit-inspection-view .combat-unit-details-view {
      position: initial;
      grid-row-start: 2;
      grid-row-end: 2;
      background: #201B15;
      border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/General_Square_Borders_Thick_light_grey.png");
      border-image-slice: 20 20 20 20;
      border-image-repeat: repeat;
      border-width: 10px;
      border-style: solid; }
      .combat-screen-view .ui-combat-unit-inspection-view .combat-unit-details-view .unit-description {
        display: none; }
      .combat-screen-view .ui-combat-unit-inspection-view .combat-unit-details-view .unit-roles {
        display: none; }
      .combat-screen-view .ui-combat-unit-inspection-view .combat-unit-details-view .ui-learned-talents-view {
        margin-top: 8px; }

.progress-bar.health .fill {
  transition: width 0.5s ease-in; }

.command-button-view.command-wait .foreground {
  background-image: url("../data/textures/ui/olga/badges/Clock.png"); }

.command-button-view.command-defend .foreground {
  background-image: url("../data/textures/ui/olga/badges/Shield.png"); }

.command-button-view.command-instant .foreground {
  background-image: url("../data/textures/ui/olga/badges/Auto.png"); }

.command-button-view.command-flee .foreground {
  background-image: url("../data/textures/ui/olga/badges/Escape.png"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-scene-combat-turn-order-view {
  width: calc(100% - 320px);
  height: 180px;
  padding: 15px 10px 15px 10px;
  overflow: hidden;
  left: 150px;
  bottom: 5px;
  position: absolute; }
  .ui-scene-combat-turn-order-view .ui-unit-card {
    top: 20px;
    will-change: transform;
    position: absolute;
    transition: transform 1s ease-in, background 0.5s linear, box-shadow linear 0.12s, top cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-width: 0;
    border-top-width: 2px;
    border-style: solid;
    box-sizing: border-box; }
    .ui-scene-combat-turn-order-view .ui-unit-card .progress-bar {
      left: 0; }
    .ui-scene-combat-turn-order-view .ui-unit-card .label.experience, .ui-scene-combat-turn-order-view .ui-unit-card .progress-bar.experience {
      display: none; }
    .ui-scene-combat-turn-order-view .ui-unit-card .talents.ui-button-view {
      display: none; }
  .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn {
    top: 30px;
    z-index: -1; }
    .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn .label.name {
      transition: color 0.6s linear;
      color: #e7e7e7; }
    .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn .unit-icon-view {
      transition: filter 0.6s linear;
      filter: grayscale(80%); }
    .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn .progress-bar.health {
      filter: grayscale(50%); }
  .ui-scene-combat-turn-order-view .ui-unit-card.combatWaitedThisTurn:not(.combatMovedThisTurn)::after {
    filter: grayscale(100%) brightness(1000%) drop-shadow(0 0 3px black);
    background: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_20.png") no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    top: 5px;
    right: 5px;
    position: absolute;
    content: ""; }
  .ui-scene-combat-turn-order-view .ui-unit-card.team-0 {
    border-color: rgba(0, 209, 10, 0.8); }
  .ui-scene-combat-turn-order-view .ui-unit-card.team-1 {
    border-color: rgba(217, 3, 0, 0.8); }
    .ui-scene-combat-turn-order-view .ui-unit-card.team-1 .unit-icon-view {
      transform: scaleX(-1); }
  .ui-scene-combat-turn-order-view .ui-unit-card.combatDefendedThisTurn::after {
    filter: grayscale(100%) brightness(1000%) drop-shadow(0 0 3px black);
    background: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_01.png") no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    top: 5px;
    right: 5px;
    position: absolute;
    content: ""; }
  .ui-scene-combat-turn-order-view .ui-unit-card.highlight {
    transition: transform 1s ease-in, background 0.5s linear, box-shadow linear 0.12s, top cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.16s;
    top: 10px;
    box-shadow: 0 0 5px 2px white; }

@charset "UTF-8";
@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@font-face {
  font-family: 'Lobster';
  src: url("../data/fonts/Lobster.ttf"); }

@font-face {
  font-family: 'Komika Axis';
  src: url("../data/fonts/komika_poster/KOMIKAX_.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome';
  src: url("../data/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'Baloo';
  src: url("../data/fonts/Baloo_1.100/Baloo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'IcoFont';
  src: url("../data/fonts/icofont/fonts/icofont.ttf") format("truetype"); }

@font-face {
  font-family: 'IconFont1';
  src: url("../data/fonts/icon-font-1/fonts/icomoon.ttf") format("truetype"); }

@font-face {
  font-family: 'Assassin';
  src: url("../data/fonts/ui8/Assassin$.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantine';
  src: url("../data/fonts/ui8/Constantine Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../data/fonts/ui8/Constantia Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cambria';
  src: url("../data/fonts/ui8/Cambria Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lemon Milk';
  src: url("../data/fonts/lemon_milk/LemonMilk.ttf") format("truetype"); }

@font-face {
  font-family: 'Seagram TFB';
  src: url("../data/fonts/seagram_tfb/Seagram tfb.ttf") format("truetype"); }

@font-face {
  font-family: 'Flesh Wound';
  src: url("../data/fonts/flesh_wound/Flesh Wound.ttf") format("truetype"); }

@font-face {
  font-family: 'Aesthetic DEMO';
  src: url("../data/fonts/aesthetic/Aesthetic DEMO.ttf") format("truetype"); }

@font-face {
  font-family: 'Lifecraft';
  src: url("../data/fonts/lifecraft/LifeCraft_Font.ttf") format("truetype"); }

@font-face {
  font-family: 'Black Castle';
  src: url("../data/fonts/black_castle/BlackCastleMF.ttf") format("truetype"); }

@font-face {
  font-family: 'Morris Roman';
  src: url("../data/fonts/morris_roman/MorrisRomanBlack.ttf") format("truetype"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-report-view {
  margin: 10px;
  display: grid;
  grid-template-areas: "attacker defender";
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px; }
  .ui-combat-report-view .army-stats-view {
    position: relative;
    font-family: "Cambria", sans-serif; }
    .ui-combat-report-view .army-stats-view .label {
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
    .ui-combat-report-view .army-stats-view .notable {
      font-family: "Constantia", sans-serif;
      z-index: 100; }
    .ui-combat-report-view .army-stats-view .notable.Death {
      font-size: 12px;
      position: absolute;
      bottom: 2px;
      right: 2px; }
    .ui-combat-report-view .army-stats-view .notable.LevelUp {
      display: none; }
    .ui-combat-report-view .army-stats-view .notable.Fled {
      font-size: 12px;
      position: absolute;
      bottom: 2px;
      right: 2px; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .label.name {
      font-family: "Constantia", sans-serif;
      position: absolute;
      font-size: 15px; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .unit-icon-view {
      position: absolute;
      left: 0;
      top: 0;
      background: white;
      border-radius: 50px;
      object-fit: cover;
      border: 1px solid #958f8e;
      box-sizing: border-box; }
      .ui-combat-report-view .army-stats-view .unit-stats-view .unit-icon-view::after {
        z-index: 1;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        background-size: 100% 100%;
        background-image: url("../data/textures/ui/ui8/HUD/Unit Frames/Avatar/UnitFrame_Avatar_Overlay.png"); }
      .ui-combat-report-view .army-stats-view .unit-stats-view .unit-icon-view::before {
        z-index: 2;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.3), inset 0 -2px 1px -1px rgba(255, 255, 255, 0.3);
        content: ''; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .progress-bar {
      box-sizing: border-box;
      position: absolute; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .marker {
      position: absolute;
      font-size: 14px;
      line-height: 20px;
      margin-left: 2px;
      color: #646464;
      text-shadow: 0 0 2px black; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .marker.experience::after {
      position: absolute;
      font-size: 16px;
      right: 4px;
      content: "";
      font-family: 'Font Awesome', sans-serif;
      margin-left: 3px; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .marker.health::after {
      position: absolute;
      right: 2px;
      content: "";
      font-family: 'Font Awesome', sans-serif;
      margin-left: 3px; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .progress-bar.experience .fill {
      background: #cc8b00; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .progress-bar.health .fill {
      background: #14c21a; }
    .ui-combat-report-view .army-stats-view .unit-stats-view .label.experience {
      position: absolute;
      font-size: 13px;
      padding-left: 4px;
      color: white;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2); }
    .ui-combat-report-view .army-stats-view .unit-stats-view .label.level {
      z-index: 10;
      width: 20px;
      height: 20px;
      border: 1px solid #958f8e;
      border-radius: 20px;
      line-height: 20px;
      color: #f1d89c;
      font-family: "Constantine", sans-serif;
      font-size: 13px;
      text-align: center;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
      position: absolute;
      background: #201B15; }
    .ui-combat-report-view .army-stats-view .unit-stats-view.status-dead {
      background: rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
      .ui-combat-report-view .army-stats-view .unit-stats-view.status-dead .progress-bar.health {
        background: repeating-linear-gradient(-45deg, #646464, #646464 10px, #4b4b4b 10px, #4b4b4b 20px); }
      .ui-combat-report-view .army-stats-view .unit-stats-view.status-dead .unit-icon-view {
        filter: grayscale(100%);
        box-shadow: 0 0 5px black; }
      .ui-combat-report-view .army-stats-view .unit-stats-view.status-dead .label.name {
        color: grey; }
      .ui-combat-report-view .army-stats-view .unit-stats-view.status-dead .level.label {
        color: grey; }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-fled .unit-icon-view {
      filter: grayscale(100%); }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .unit-icon-view {
      border-color: #ffae00;
      border-width: 2px;
      box-shadow: 0 0 16px 1px #996800; }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .marker.experience::after {
      filter: grayscale(100%) sepia(100%) hue-rotate(0deg) drop-shadow(0 0 3px #ffae00); }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .progress-bar.experience {
      background-color: #5c420a; }
      .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .progress-bar.experience .fill {
        background-color: #e69d00; }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .label.experience::after {
      content: '+1';
      bottom: 4px;
      right: 8px;
      font-weight: bold;
      position: absolute;
      font-family: "Cambria", sans-serif;
      font-size: 42px;
      color: #ffae00;
      text-shadow: 1px 0 3px #614405, 0 1px 3px #614405, -1px 0 3px #614405, 0 -1px 3px #614405; }
    .ui-combat-report-view .army-stats-view .unit-stats-view.event-levelup .level.label {
      border-color: #ffae00;
      border-width: 2px;
      color: #ffae00; }
  .ui-combat-report-view .army-stats-view > .title {
    font-family: "Constantine", sans-serif;
    position: absolute;
    left: 0;
    right: 0; }
  .ui-combat-report-view .army-stats-view > .list {
    position: absolute;
    left: 0;
    right: 0; }
  .ui-combat-report-view .army-stats-view.defender {
    grid-area: defender; }
    .ui-combat-report-view .army-stats-view.defender .unit-icon-view {
      transform: scaleX(-1); }
  .ui-combat-report-view .army-stats-view.attacker {
    grid-area: attacker; }
  .ui-combat-report-view .army-stats-view.affiliation-ally .unit-stats-view .progress-bar.health .fill {
    background-color: #00d10a; }
  .ui-combat-report-view .army-stats-view.affiliation-enemy .unit-stats-view .progress-bar.health .fill {
    background-color: #d90300; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-item-shop-view .money {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: white;
  right: 24px;
  bottom: 24px; }
  .ui-item-shop-view .money .value {
    color: #ffdb00;
    position: relative;
    margin-left: 8px; }
  .ui-item-shop-view .money .label {
    position: relative; }
  .ui-item-shop-view .money .value:after {
    background-image: url("../data/textures/ui/ui8/Miscellaneous/Currencies/Currency_Gold_2.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    display: inline-block;
    content: '';
    margin-left: 4px;
    margin-bottom: -6px; }

.ui-item-shop-view .ui-item-slot-list-view {
  display: flex;
  flex-direction: column; }
  .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view {
    font-family: 'Open Sans', sans-serif;
    position: relative; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view:nth-child(even) {
      margin-top: 8px;
      margin-bottom: 8px; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .ui-item-view {
      width: calc(100% - 64px);
      position: relative; }
      .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .ui-item-view .label.count {
        display: none; }
      .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .ui-item-view .label.description {
        display: none; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .label.price {
      padding-left: 4px;
      position: absolute;
      right: 0;
      top: 4px;
      color: #ffdb00; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .label.price:after {
      background-image: url("../data/textures/ui/ui8/Miscellaneous/Currencies/Currency_Gold_2.png");
      background-repeat: no-repeat;
      background-size: contain;
      height: 18px;
      width: 18px;
      min-width: 18px;
      min-height: 18px;
      display: inline-block;
      content: '';
      margin-left: 4px;
      margin-bottom: -2px; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .labeled-value.owned-count {
      font-size: 14px;
      position: absolute;
      padding: 0;
      bottom: 0;
      right: 0;
      justify-content: flex-end; }
      .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .labeled-value.owned-count .label {
        position: relative; }
      .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view .labeled-value.owned-count .value {
        position: relative; }
    .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view.confirmation-state .ui-item-view::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      font-size: 40px;
      font-family: 'Font Awesome', sans-serif;
      content: '\f00c';
      color: gold;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center; }
  .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view.cant-afford .label.price {
    color: rgba(255, 255, 255, 0.5); }
  .ui-item-shop-view .ui-item-slot-list-view .ui-shop-item-view.not-owned .labeled-value.owned-count {
    color: rgba(255, 255, 255, 0.2); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.objective-log-view {
  font-family: "Cambria", sans-serif;
  color: black;
  pointer-events: painted;
  position: absolute;
  width: 250px;
  right: 10px;
  top: 330px;
  text-shadow: 1px 1px 2px black; }
  .objective-log-view .title {
    text-align: center;
    font-weight: bold;
    color: white;
    background: inherit;
    font-size: 16px; }
  .objective-log-view .objectives {
    color: white;
    margin-top: 10px; }
    .objective-log-view .objectives .objective-view .description {
      font-size: 14px;
      color: #c8c8c8; }
    .objective-log-view .objectives .objective-view.optional .name.label::after {
      content: 'optional';
      margin-left: 10px;
      font-size: 0.7em;
      color: black;
      background: white;
      text-shadow: none;
      padding: 2px;
      border-radius: 2px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.gui-squad-builder-view {
  z-index: 3;
  left: 0;
  top: 0;
  position: absolute; }
  .gui-squad-builder-view .title {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #E7AA40;
    font-size: 36px;
    font-family: 'Constantia', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7), 0 0 5px rgba(0, 0, 0, 0.2); }
  .gui-squad-builder-view .underlay {
    z-index: -1;
    pointer-events: all;
    position: absolute; }
    @supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)) {
      .gui-squad-builder-view .underlay {
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
        background-color: rgba(0, 0, 0, 0.5); } }
    @supports not ((backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px))) {
      .gui-squad-builder-view .underlay {
        background-color: rgba(0, 0, 0, 0.75); } }
  .gui-squad-builder-view .ui-army-builder-view {
    pointer-events: all;
    position: absolute;
    left: 0;
    top: 0; }
  .gui-squad-builder-view .ui-button-view.select {
    font-size: 24px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-strategy-command-menu .strategy-command-menu-option-icon {
  position: absolute;
  background-size: contain;
  filter: drop-shadow(0 0 5px black); }
  .ui-strategy-command-menu .strategy-command-menu-option-icon.attack {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_01.png"); }
  .ui-strategy-command-menu .strategy-command-menu-option-icon.move {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/green/g_14.png"); }
  .ui-strategy-command-menu .strategy-command-menu-option-icon.interact {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/green/g_27.png"); }
  .ui-strategy-command-menu .strategy-command-menu-option-icon.inspect {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/violet/v_09.png"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-strategy-scene-gui {
  z-index: 3;
  left: 0;
  top: 0; }

.ui-options-view-container {
  display: grid;
  grid-template-columns: 1fr 480px 1fr;
  grid-template-rows: minmax(100px, 1fr) min-content 1fr; }
  .ui-options-view-container .dg.main {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2; }
    .ui-options-view-container .dg.main .close-button {
      display: none; }
    .ui-options-view-container .dg.main .dg li.title {
      padding-left: 36px;
      background-size: 12px 12px; }
    .ui-options-view-container .dg.main .dg .title {
      font-family: "Constantine", sans-serif;
      font-size: 32px;
      height: 40px;
      line-height: 40px;
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
    .ui-options-view-container .dg.main .dg li.cr {
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto; }
    .ui-options-view-container .dg.main .dg ul:not(.closed) li.cr {
      height: 36px;
      line-height: 36px; }
    .ui-options-view-container .dg.main .dg .property-name {
      font-family: "Cambria", sans-serif;
      font-size: 20px;
      user-select: none;
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto; }
    .ui-options-view-container .dg.main .dg .cr.function * {
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
    .ui-options-view-container .dg.main .dg .cr.boolean * {
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
    .ui-options-view-container .dg.main .dg .cr.number.has-slider input[type="text"] {
      display: none; }
    .ui-options-view-container .dg.main .dg .cr.number.has-slider .slider {
      width: 100%;
      height: 28px; }

@charset "UTF-8";
@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.strategy-screen-view {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }
  .strategy-screen-view .ui-minimap-view {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-bottom-left-radius: 10px;
    pointer-events: auto; }
  .strategy-screen-view .top-center {
    margin-left: 20px;
    margin-right: 20px;
    top: 10px;
    width: calc(100% - 40px);
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center; }
    .strategy-screen-view .top-center .section {
      color: white;
      text-shadow: 1px 1px 3px black;
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      padding: 3px;
      position: relative;
      width: 200px;
      font-size: 30px;
      height: 64px;
      display: flex;
      flex-direction: row;
      justify-content: flex-end; }
      .strategy-screen-view .top-center .section .label {
        white-space: nowrap;
        position: relative;
        line-height: 64px;
        text-align: right; }
      .strategy-screen-view .top-center .section .icon {
        font-style: normal;
        font-family: 'Font Awesome', sans-serif;
        margin-left: 2px;
        height: inherit;
        min-width: 64px;
        background-repeat: no-repeat;
        background-size: contain; }
    .strategy-screen-view .top-center .towns .icon {
      background-image: url("../data/textures/ui/olga/badges/Castle.png"); }
    .strategy-screen-view .top-center .towns .bonuses {
      display: none;
      flex: 0;
      font-size: 14px;
      margin-left: 3px;
      flex-direction: column; }
      .strategy-screen-view .top-center .towns .bonuses .money-per-turn:after {
        content: "";
        font-family: 'Font Awesome', sans-serif;
        margin-left: 3px; }
      .strategy-screen-view .top-center .towns .bonuses .experience-bonus:after {
        content: "";
        font-family: 'Font Awesome', sans-serif;
        margin-left: 3px; }
    .strategy-screen-view .top-center .money .label {
      color: #ffdb00; }
    .strategy-screen-view .top-center .money .icon {
      background-image: url("../data/textures/ui/olga/badges/Gold.png"); }
  .strategy-screen-view .turn-number {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    font-family: "Cambria", sans-serif;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 210px;
    bottom: 110px;
    background: white;
    padding: 2px 5px;
    border-radius: 10px;
    z-index: 2; }
  .strategy-screen-view .command-options {
    z-index: 1;
    width: 34px;
    height: 34px;
    top: 255px;
    right: 0;
    opacity: 1; }
  .strategy-screen-view .command-help {
    z-index: 1;
    width: 34px;
    height: 34px;
    top: 255px;
    right: 42px;
    opacity: 1; }

.ui-list-view {
  position: absolute;
  display: flex;
  flex-direction: row; }
  .ui-list-view .ui-unit-affliction-view {
    width: 24px;
    height: 24px; }

.ui-mesh-preview {
  position: absolute;
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }

.command-button-view.command-squad .foreground {
  background-image: url("../data/textures/ui/olga/badges/Group.png"); }

.command-button-view.command-inventory .foreground {
  background-image: url("../data/textures/ui/olga/badges/Chest.png"); }

.command-button-view.command-end-turn .foreground {
  background-image: url("../data/textures/ui/olga/badges/Next_day.png"); }

.command-button-view.command-options .foreground {
  background-image: url("../data/textures/ui/olga/badges/Settings.png"); }

.command-button-view.command-help .foreground {
  background-image: url("../data/textures/ui/olga/badges/Help.png"); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-unit-shop {
  display: grid;
  grid-template-columns: 30px auto 16px min-content 24px;
  grid-template-rows: 100px auto 100px; }
  .ui-unit-shop .money {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: white;
    right: 24px;
    bottom: 24px; }
    .ui-unit-shop .money .value {
      color: #ffdb00;
      position: relative;
      margin-left: 8px;
      display: inline-block; }
    .ui-unit-shop .money .label {
      position: relative; }
    .ui-unit-shop .money .value:after {
      background-image: url("../data/textures/ui/ui8/Miscellaneous/Currencies/Currency_Gold_2.png");
      background-repeat: no-repeat;
      background-size: contain;
      height: 32px;
      width: 32px;
      min-width: 32px;
      min-height: 32px;
      display: inline-block;
      content: '';
      margin-left: 4px;
      margin-bottom: -6px; }
  .ui-unit-shop .ui-army-card {
    position: relative;
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
    align-self: center; }
  .ui-unit-shop .ui-unit-shop-offer-view {
    overflow-y: scroll;
    position: initial;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    align-items: stretch;
    flex-direction: column; }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view:nth-child(n+2) {
      margin-top: 8px; }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view {
      position: relative;
      font-family: 'Open Sans', sans-serif;
      display: flex;
      flex-direction: row;
      padding-right: 8px; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .label.price {
        padding-left: 4px;
        position: absolute;
        right: 8px;
        top: 4px;
        color: #ffdb00; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .label.price:after {
        background-image: url("../data/textures/ui/ui8/Miscellaneous/Currencies/Currency_Gold_2.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 18px;
        width: 18px;
        min-width: 18px;
        min-height: 18px;
        display: inline-block;
        content: '';
        margin-left: 2px;
        margin-bottom: -2px; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .combat-unit-details-view {
        position: relative;
        display: grid;
        grid-template-rows: min-content auto;
        grid-template-columns: min-content auto;
        flex-grow: 1;
        left: initial;
        top: initial;
        margin-left: 8px; }
        .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .combat-unit-details-view .name {
          grid-row-start: 1;
          grid-row-end: 1;
          grid-column-start: 1;
          grid-column-end: 1;
          text-align: left;
          font-weight: normal;
          white-space: nowrap; }
        .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .combat-unit-details-view .unit-description {
          grid-row-start: 2;
          grid-row-end: 2;
          grid-column-start: 1;
          grid-column-end: 3;
          color: #d1d1d1;
          background: transparent;
          margin-top: 4px;
          font-size: 14px; }
        .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .combat-unit-details-view .unit-roles {
          margin-left: 8px;
          grid-row-start: 1;
          grid-row-end: 1;
          grid-column-start: 2;
          grid-column-end: 2;
          position: initial; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.confirmation-state .unit-icon-view::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        font-size: 60px;
        font-family: 'Font Awesome', sans-serif;
        content: '\f00c';
        color: gold;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .unit-icon-view {
        flex-shrink: 0;
        flex-grow: 0;
        width: 100px;
        height: 100px;
        position: relative;
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 2;
        cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        border-radius: 100px;
        background: grey; }
        .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .unit-icon-view img {
          width: 100%;
          height: 100%; }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.cant-afford .label.price {
      color: rgba(255, 255, 255, 0.5); }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.cant-afford .unit-icon-view {
      filter: grayscale(100%); }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.cant-afford .combat-unit-details-view {
      filter: grayscale(50%); }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-affliction-description-view .description-text {
  color: #ffda60;
  margin-bottom: 8px;
  display: block; }

.ui-affliction-description-view .label.consume-trigger {
  font-size: 12px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-affliction-tooltip-view .icon {
  display: inline-block;
  width: 36px;
  height: 36px; }

.ui-affliction-tooltip-view .name {
  display: inline-block;
  font-size: 20px;
  color: white;
  line-height: 36px;
  margin-left: 8px; }

.ui-affliction-tooltip-view > .ui-affliction-description-view {
  margin-top: 8px; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-unit-affliction-view {
  position: relative;
  border: 1px solid black;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2px;
  margin-bottom: 2px; }
  .ui-unit-affliction-view .icon {
    background: #000000;
    width: 100%;
    height: 100%; }
  .ui-unit-affliction-view.single-charge .label.charges {
    visibility: hidden; }
  .ui-unit-affliction-view .label.charges {
    color: white;
    text-shadow: 1px 1px 2px black;
    font-size: 10px;
    top: 1px;
    left: 1px;
    position: absolute; }

@charset "UTF-8";
@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-stats-view .labeled-value:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05); }

.ui-combat-unit-stats-view .labeled-value:nth-child(even) {
  background: rgba(255, 255, 255, 0.02); }

.ui-combat-unit-stats-view .labeled-value {
  position: relative;
  font-family: 'Cambria', sans-serif;
  line-height: 20px; }

.ui-combat-unit-stats-view .labeled-value.experience > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.health > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.armor > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.absorption > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.initiative > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.ability-power > .label::after {
  content: "";
  font-family: 'Font Awesome', sans-serif;
  margin-left: 3px; }

.ui-combat-unit-stats-view .labeled-value.armor > .value::after {
  content: '%'; }

.ui-combat-unit-stats-view .labeled-value.armor-piercing > .value::after {
  content: '%'; }

.ui-combat-unit-stats-view .labeled-value.healing-effectiveness > .value::after {
  content: '%'; }

.ui-combat-unit-stats-view .labeled-value.life-steal > .value::after {
  content: '%'; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-simple-stat-value-view.increased {
  color: #00ff14; }

.ui-combat-unit-simple-stat-value-view.reduced {
  color: #ff4f3b; }

.ui-combat-unit-simple-stat-value-view.level-0.increased {
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.4); }

.ui-combat-unit-simple-stat-value-view.level-1.increased {
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.7); }

.ui-combat-unit-simple-stat-value-view.level-2.increased {
  text-shadow: 0 0 5px lime; }

.ui-combat-unit-simple-stat-value-view.level-0.reduced {
  text-shadow: 0 0 5px rgba(255, 0, 0, 0.4); }

.ui-combat-unit-simple-stat-value-view.level-1.reduced {
  text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); }

.ui-combat-unit-simple-stat-value-view.level-2.reduced {
  text-shadow: 0 0 5px red; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-stat-modifier {
  white-space: pre; }
  .ui-combat-unit-stat-modifier .label {
    display: inline; }
  .ui-combat-unit-stat-modifier .label.and::before {
    content: ' '; }
  .ui-combat-unit-stat-modifier .label.and::after {
    content: ' '; }
  .ui-combat-unit-stat-modifier .stat-value {
    color: #00ff14; }
  .ui-combat-unit-stat-modifier .stat-name {
    color: white;
    text-shadow: 0 0 1px black; }
  .ui-combat-unit-stat-modifier .negative .stat-value {
    color: #ff4f3b !important; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-stat-value-linear-breakdown-view .percent-sign {
  font-size: 8px; }

.ui-combat-unit-stat-value-linear-breakdown-view .modifier-value {
  margin-left: 0.2em;
  color: #00ff14; }

.ui-combat-unit-stat-value-linear-breakdown-view .modifier-value.negative {
  color: #ff4f3b; }

.ui-combat-unit-stat-value-linear-breakdown-view.identity-multiplier .multiplier, .ui-combat-unit-stat-value-linear-breakdown-view.identity-multiplier .multiplication-sign, .ui-combat-unit-stat-value-linear-breakdown-view.identity-multiplier .percent-sign {
  display: none; }

.ui-combat-unit-stat-value-linear-breakdown-view.identity-constant .constant, .ui-combat-unit-stat-value-linear-breakdown-view.identity-constant .addition-sign {
  display: none; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-combat-unit-stat-value-view {
  font-family: "Cambria", sans-serif; }
  .ui-combat-unit-stat-value-view .breakdown {
    margin-left: 6px; }
    .ui-combat-unit-stat-value-view .breakdown.identity {
      display: none; }
    .ui-combat-unit-stat-value-view .breakdown .addition-sign {
      margin-left: 0.1em;
      margin-right: 0.1em;
      color: #a4a4a4; }
    .ui-combat-unit-stat-value-view .breakdown .constant {
      color: #00ff14; }
    .ui-combat-unit-stat-value-view .breakdown .constant.negative {
      color: #ff4f3b; }

.ui-combat-unit-stat-view {
  color: white; }
  .ui-combat-unit-stat-view .ui-combat-unit-stat-value-view {
    margin-left: 6px; }

.ui-learned-talents-view .talents {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .ui-learned-talents-view .talents .ui-talent-view {
    margin: 2px;
    border: 1px solid #575757;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px; }
    .ui-learned-talents-view .talents .ui-talent-view .container .level {
      color: white;
      font-size: 10px; }
      .ui-learned-talents-view .talents .ui-talent-view .container .level .separator, .ui-learned-talents-view .talents .ui-talent-view .container .level .max {
        display: none; }

.ui-talents-canvas-view .editor-selection-view {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid green; }

.ui-talents-canvas-view .canvas-container {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 50%;
  top: 50%; }

.ui-talents-canvas-view .connection-canvas {
  overflow: visible; }


.ui-talent-description-view {
  top: 0;
  left: 0;
  padding: 8px;
  position: absolute;
  background: #1f1f1f;
  border-radius: 5px;
  z-index: 1;
  color: white;
  box-shadow: 0 0 10px black;
  border: 2px solid black; }
  .ui-talent-description-view .label {
    white-space: nowrap; }
  .ui-talent-description-view .level-container {
    padding-top: 8px; }
    .ui-talent-description-view .level-container .level-label {
      padding-bottom: 4px;
      font-size: 12px; }
  .ui-talent-description-view .level-container.current .level-label {
    color: #ff9000; }
  .ui-talent-description-view .level-container.next {
    background: rgba(255, 255, 255, 0.05); }
    .ui-talent-description-view .level-container.next .level-label {
      color: #00ca00; }
  .ui-talent-description-view .container.affordable .level.label {
    color: #00ca00; }
  .ui-talent-description-view .container.maxed .level.label {
    color: #ff9000; }

.ui-talent-learning-tooltip-view .header {
  white-space: pre; }
  .ui-talent-learning-tooltip-view .header .label.talent-name {
    display: inline-block;
    font-size: 20px;
    font-weight: bold; }
  .ui-talent-learning-tooltip-view .header .level {
    display: inline-block;
    margin-right: 8px; }
    .ui-talent-learning-tooltip-view .header .level .label {
      font-size: 14px;
      display: inline-block;
      vertical-align: bottom; }
    .ui-talent-learning-tooltip-view .header .level .label:not(.current) {
      filter: brightness(80%) grayscale(10%); }
    .ui-talent-learning-tooltip-view .header .level .current {
      font-weight: bold;
      font-size: 20px;
      margin-right: 2px; }

.ui-talent-learning-tooltip-view .label.talent-description {
  margin-top: 4px;
  color: white;
  max-width: 800px;
  white-space: normal; }

.ui-talent-learning-tooltip-view .level-container {
  margin-top: 12px; }
  .ui-talent-learning-tooltip-view .level-container .ui-combat-unit-talent-level-description {
    margin-top: 2px;
    background: rgba(0, 0, 0, 0.03); }
  .ui-talent-learning-tooltip-view .level-container.current .level-title {
    color: #ff9000; }
  .ui-talent-learning-tooltip-view .level-container.next .level-title {
    color: #00ca00; }

@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

.ui-talent-level-description-view .stats .value {
  color: #00ff14; }

.ui-talent-level-description-view .afflictions .affliction {
  white-space: nowrap; }
  .ui-talent-level-description-view .afflictions .affliction .label.name {
    font-weight: bold;
    color: pink;
    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black; }

.ui-talent-level-description-view .auras .aura {
  white-space: nowrap; }
  .ui-talent-level-description-view .auras .aura .label.name {
    font-weight: bold;
    color: pink;
    text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black; }
  .ui-talent-level-description-view .auras .aura .target {
    color: #00ff14; }

.ui-talent-level-description-view .triggers .trigger .chance {
  color: #00ff14; }

.ui-talent-level-description-view .triggers .trigger .event-type {
  color: #fff300; }

.ui-talent-level-description-view .triggers .trigger .trigger-effects .action-tip {
  color: #fff300; }

.ui-talent-level-description-view .triggers .trigger .trigger-effects .action-target {
  color: #fff300; }

@charset "UTF-8";
@keyframes outline_in_red {
  0% {
    box-shadow: 0 0 3px rgba(255, 0, 0, 0.5); }
  100% {
    box-shadow: 0 0 15px red; } }

@keyframes outline_in_orange {
  0% {
    box-shadow: 0 0 3px 2px rgba(255, 150, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px #ff9600; }
  100% {
    box-shadow: 0 0 20px 2px #ff9600; } }

@keyframes outline_in_green {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.5); }
  80% {
    box-shadow: 0 0 20px 2px lime; }
  100% {
    box-shadow: 0 0 20px 2px lime; } }

@keyframes outline_in_green_subtle {
  0% {
    box-shadow: 0 0 3px 2px rgba(0, 255, 0, 0.3); }
  80% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.45); }
  100% {
    box-shadow: 0 0 20px 2px rgba(0, 255, 0, 0.5); } }

@keyframes outline_in_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 133, 255, 0.5); }
  80% {
    box-shadow: 0 0 20px #0085ff; }
  100% {
    box-shadow: 0 0 20px #0085ff; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes grow-10 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@keyframes grow-5 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }

@font-face {
  font-family: 'Lobster';
  src: url("../data/fonts/Lobster.ttf"); }

@font-face {
  font-family: 'Komika Axis';
  src: url("../data/fonts/komika_poster/KOMIKAX_.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome';
  src: url("../data/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'Baloo';
  src: url("../data/fonts/Baloo_1.100/Baloo-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'IcoFont';
  src: url("../data/fonts/icofont/fonts/icofont.ttf") format("truetype"); }

@font-face {
  font-family: 'IconFont1';
  src: url("../data/fonts/icon-font-1/fonts/icomoon.ttf") format("truetype"); }

@font-face {
  font-family: 'Assassin';
  src: url("../data/fonts/ui8/Assassin$.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantine';
  src: url("../data/fonts/ui8/Constantine Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Constantia';
  src: url("../data/fonts/ui8/Constantia Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Cambria';
  src: url("../data/fonts/ui8/Cambria Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lemon Milk';
  src: url("../data/fonts/lemon_milk/LemonMilk.ttf") format("truetype"); }

@font-face {
  font-family: 'Seagram TFB';
  src: url("../data/fonts/seagram_tfb/Seagram tfb.ttf") format("truetype"); }

@font-face {
  font-family: 'Flesh Wound';
  src: url("../data/fonts/flesh_wound/Flesh Wound.ttf") format("truetype"); }

@font-face {
  font-family: 'Aesthetic DEMO';
  src: url("../data/fonts/aesthetic/Aesthetic DEMO.ttf") format("truetype"); }

@font-face {
  font-family: 'Lifecraft';
  src: url("../data/fonts/lifecraft/LifeCraft_Font.ttf") format("truetype"); }

@font-face {
  font-family: 'Black Castle';
  src: url("../data/fonts/black_castle/BlackCastleMF.ttf") format("truetype"); }

@font-face {
  font-family: 'Morris Roman';
  src: url("../data/fonts/morris_roman/MorrisRomanBlack.ttf") format("truetype"); }

.ui-talents-view.talent-focused .points.labeled-value .value {
  color: yellow; }

.ui-talents-view {
  pointer-events: auto;
  font-family: 'Open Sans', sans-serif;
  position: absolute; }
  .ui-talents-view .talent-container {
    position: absolute;
    left: 0;
    top: 0; }
    .ui-talents-view .talent-container .connection-canvas .dependency-connection {
      transition: opacity 0.5s ease-out; }
    .ui-talents-view .talent-container .connection-canvas .dependency-connection.locked {
      opacity: 0.4; }
  .ui-talents-view .points.labeled-value {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: white;
    position: absolute;
    right: 24px;
    bottom: 24px; }
    .ui-talents-view .points.labeled-value .value {
      position: relative;
      margin-left: 8px; }
    .ui-talents-view .points.labeled-value .label {
      position: relative; }
  .ui-talents-view .reset-talents {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
    color: white;
    position: absolute;
    left: 24px;
    bottom: 24px;
    padding-left: 26px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px; }
  .ui-talents-view .reset-talents::before {
    left: 1px;
    top: 1px;
    font-weight: normal;
    position: absolute;
    content: '\f00d';
    font-family: 'Font Awesome', sans-serif;
    white-space: nowrap; }

.ui-talent-view.focused.affordable:not(.locked):not(.learned-all)::after {
  font-family: 'Font Awesome', sans-serif;
  color: gold;
  font-size: 40px;
  content: "";
  text-shadow: 0 0 3px black;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px; }

.ui-talent-view {
  user-select: none;
  position: absolute;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  box-sizing: border-box;
  border-width: 2px; }
  .ui-talent-view.editor-selection {
    box-shadow: 0 0 5px 1px #ffe300; }
  .ui-talent-view .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .ui-talent-view .container .icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .ui-talent-view .container .level {
      font-size: 14px;
      color: #000000;
      letter-spacing: 1px;
      font-family: 'Open Sans', sans-serif;
      z-index: 1;
      right: 0;
      bottom: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.4);
      padding-left: 3px;
      padding-right: 1px;
      text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
      border-top-left-radius: 5px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.ui-talent-view.affordable > .container .icon {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px); }

.ui-talent-view.affordable.learned-none {
  border-color: #00ca00;
  border-style: dashed; }

.ui-talent-view.learned-none > .container .level {
  background-color: #dadad1; }

.ui-talent-view.learned-some {
  border-color: #00ca00;
  border-style: solid; }
  .ui-talent-view.learned-some .container > .level {
    background-color: #00ca00; }

.ui-talent-view.learned-all {
  border-color: #ff9000;
  border-style: solid; }
  .ui-talent-view.learned-all .container > .level {
    background-color: #ff9000; }

.ui-talent-view.locked, .ui-talent-view.locked.affordable {
  border-color: transparent; }
  .ui-talent-view.locked .container > .icon, .ui-talent-view.locked.affordable .container > .icon {
    opacity: 0.7;
    filter: grayscale(100%); }