@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-escape-menu-view {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 100px 1fr min-content 1fr;
  grid-template-areas: ". . ." ". . ." ". options ." ". . ."; }
  .ui-escape-menu-view .option-container {
    position: relative;
    grid-area: options;
    display: flex;
    flex-direction: column; }
    .ui-escape-menu-view .option-container .ui-button-view {
      position: relative;
      margin: 8px;
      width: 266px;
      height: 70px; }
      .ui-escape-menu-view .option-container .ui-button-view .label {
        font-size: 26px;
        line-height: 70px; }

@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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
  z-index: 999;
  animation: overlay_backdrop_16_in cubic-bezier(0.03, 0.98, 0.52, 0.99) 2700ms; }
  @supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)) {
    .ui-modal-overlay {
      backdrop-filter: blur(16px) brightness(50%);
      -webkit-backdrop-filter: blur(16px); } }
  @supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    .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 {
    padding-top: 16px;
    width: 100%;
    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; }
  .ui-confirmation-dialog-view .marks .toggle {
    position: absolute;
    right: 6px;
    bottom: 6px; }
    .ui-confirmation-dialog-view .marks .toggle .label {
      color: white;
      vertical-align: top; }
    .ui-confirmation-dialog-view .marks .toggle input[type="checkbox"] {
      display: inline-block;
      vertical-align: center; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.game-view {
  width: inherit;
  height: inherit; }
  .game-view *::-webkit-scrollbar {
    height: 10px;
    width: 10px; }
  .game-view *::-webkit-scrollbar-track {
    background: #312c27; }
  .game-view *::-webkit-scrollbar-thumb {
    background: #8A8987; }
  .game-view *::-webkit-scrollbar-thumb:hover {
    background: #AAA; }

.title-screen {
  position: absolute;
  width: inherit;
  height: inherit; }
  .title-screen .ui-game-profile-badge-view {
    pointer-events: auto;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .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 16px 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 {
      pointer-events: auto;
      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;
        white-space: nowrap;
        height: 24px;
        line-height: 24px;
        margin-left: 16px;
        margin-right: 16px; }
        .title-screen .secondary-menu .command-container .ui-button-view .label {
          display: inline-block;
          font-family: "Cambria", sans-serif;
          color: #bfbfbf;
          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); }
        .title-screen .secondary-menu .command-container .ui-button-view img {
          float: left;
          width: 24px;
          height: 24px;
          margin-top: 2px;
          margin-right: 2px;
          display: inline-block; }

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 .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 .editor-tool-settings-view {
    pointer-events: auto;
    z-index: 100;
    position: absolute;
    top: 42px;
    left: 200px; }
  .editor-view .selected-entities {
    pointer-events: auto;
    z-index: 100;
    position: absolute;
    right: 250px;
    bottom: 4px;
    background: rgba(0, 0, 0, 0.2);
    color: white; }
  .editor-view .ui-grid-pick-coordinate-view {
    z-index: 100;
    position: absolute;
    bottom: 45px;
    left: 205px;
    background: rgba(0, 0, 0, 0.2);
    color: white;
    padding: 2px; }
  .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 {
      z-index: 2;
      color: white;
      background: #101010;
      text-shadow: 0 0 2px black;
      box-shadow: 0 0 4px 2px #00ecff; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-spatial_transform::after {
      content: '\f0b2'; }
    .editor-view .editor-tool-bar .tool-view.editor-tool-terrain-height::after {
      content: '\f1fe'; }
    .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-terrain-layers-controller-view .ui-terrain-layer-controller-view {
    display: flex;
    flex-direction: column; }
  .entity-editor-view .ui-native-list-controller .ui-button-view {
    background: #ffe9b6;
    color: #333333;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-top-color: white;
    border-left-color: white;
    border-bottom-color: black;
    border-right-color: black;
    box-sizing: border-box;
    text-shadow: -1px -1px 0 white; }
  .entity-editor-view .ui-native-list-controller .ui-list-view {
    flex-direction: column;
    position: relative;
    border-color: white;
    border-style: solid;
    border-width: 1px; }
    .entity-editor-view .ui-native-list-controller .ui-list-view .element-wrapper:nth-child(n+2) {
      margin-top: 2px;
      padding-top: 2px;
      border-top: 1px solid white; }
    .entity-editor-view .ui-native-list-controller .ui-list-view .element-wrapper {
      display: flex;
      flex-direction: row;
      overflow: hidden; }
      .entity-editor-view .ui-native-list-controller .ui-list-view .element-wrapper .wrapped-element {
        flex-shrink: 1;
        flex-grow: 1;
        max-width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px; }
      .entity-editor-view .ui-native-list-controller .ui-list-view .element-wrapper .remove {
        position: relative;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        flex-grow: 0;
        margin: 2px; }
        .entity-editor-view .ui-native-list-controller .ui-list-view .element-wrapper .remove::after {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          text-align: center;
          line-height: 16px;
          font-size: 16px;
          font-family: 'Font Awesome', sans-serif;
          content: '\f00d'; }
  .entity-editor-view .ui-native-list-controller .add.ui-button-view {
    height: 20px;
    width: 20px; }
    .entity-editor-view .ui-native-list-controller .add.ui-button-view::after {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      text-align: center;
      line-height: 20px;
      font-size: 16px;
      font-weight: bold;
      content: '+'; }
  .entity-editor-view .component-adder .label.id {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    margin-right: 8px; }
  .entity-editor-view .component-adder .ui-button-view.add-component {
    position: relative;
    width: 48px; }
  .entity-editor-view .component-adder .ui-drop-dow-selection-view {
    position: initial;
    width: 120px;
    flex-grow: 1;
    flex-shrink: 1; }
  .entity-editor-view .ui-button-view {
    position: relative;
    left: auto;
    right: auto; }
  .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 .ui-list-view {
      position: relative; }
    .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: 36px;
        top: 0; }
      .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: 4px;
        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 .title-bar .ui-button-view.copy {
        right: 76px;
        top: 0; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.disabled {
        display: none; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.copy::after {
        font-size: 10px;
        transform: rotate(0deg);
        font-family: 'Font Awesome', sans-serif;
        content: '\f24d'; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.paste {
        right: 56px;
        top: 0; }
      .entity-editor-view .entity-editor-component-control-view .title-bar .ui-button-view.paste::after {
        font-size: 10px;
        transform: rotate(0deg);
        font-family: 'Font Awesome', sans-serif;
        content: '\f0ea'; }
    .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 .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 .tag-container {
      right: 0;
      position: absolute;
      z-index: -1; }
      .entity-list-view .entity-view .tag-container .label.tag {
        margin: 2px;
        position: relative;
        display: inline-block;
        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'; }

.ecs-viewport-position-component {
  position: absolute;
  left: 0;
  top: 0; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 .ui-unit-card {
    position: absolute; }

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

.ui-army-card.capacity-under.team-0 .marker-container .marker {
  outline: solid 1px rgba(0, 255, 53, 0.4); }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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-view.disabled {
  cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright Cross.png") 5 4, pointer; }

.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;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ui-button-view.ui-button-rectangular:hover .label {
    transition: text-shadow 60ms 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), 0 0 16px rgba(0, 0, 0, 0.2); }
  .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-button-view.ui-button-rectangular.disabled .background {
  background-color: #7e7e7e; }


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

.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;
    vertical-align: middle; }
  .labeled-value > .label {
    display: inline-block;
    top: 0;
    left: 0;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle; }

.label {
  vertical-align: middle; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 .ui-army-card .train-units {
  position: absolute;
  right: 100px;
  bottom: -50px; }

.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"); }

.owned-town-view .command-button-view.command-jail {
  position: absolute;
  left: 120px;
  bottom: 10px; }
  .owned-town-view .command-button-view.command-jail .foreground {
    background-image: url("../data/textures/ui/olga/badges/Altar.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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: 6;
  position: absolute;
  overflow: visible;
  pointer-events: all; }
  .ui-radial-menu .backdrop {
    filter: blur(4px); }
  .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; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

/**
 * Created by Alex on 11/09/2016.
 */
.ui-combat-squad-view {
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  grid-template-rows: auto min-content auto;
  grid-template-columns: 20px min-content auto min-content 20px;
  grid-gap: 16px; }
  .ui-combat-squad-view .ui-army-card {
    position: relative;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2; }
  .ui-combat-squad-view .label.unit-name {
    position: relative;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 3;
    grid-column-end: 3;
    display: block;
    color: white;
    font-family: "Constantia", sans-serif;
    font-size: 36px;
    align-self: end;
    text-align: center;
    vertical-align: baseline;
    height: 0;
    top: -1em;
    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); }
  .ui-combat-squad-view .label.unit-name.unit-type-hero {
    color: gold; }
  .ui-combat-squad-view .combat-unit-equipment-view {
    position: relative; }
  .ui-combat-squad-view .central-block {
    position: relative;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 3;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: auto; }
    .ui-combat-squad-view .central-block .center-description {
      grid-row-start: 1;
      grid-row-end: 1;
      grid-column-start: 1;
      grid-column-end: 1;
      max-width: 600px;
      justify-self: center; }
    .ui-combat-squad-view .central-block .center-equip {
      grid-row-start: 2;
      grid-row-end: 2;
      grid-column-start: 1;
      grid-column-end: 1;
      align-self: start;
      justify-self: center; }
    .ui-combat-squad-view .central-block .description-text {
      font-size: 20px;
      color: #f1d89c;
      margin-bottom: 4px; }
  .ui-combat-squad-view .ui-combat-unit-stats-view {
    position: relative;
    width: 250px;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 4;
    grid-column-end: 4;
    font-size: 20px; }
    .ui-combat-squad-view .ui-combat-unit-stats-view .labeled-value {
      height: 26px;
      line-height: 26px; }
  .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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 20px 1fr 20px;
  grid-template-columns: 20px 1fr 20px; }
  .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; }

.ui-component-controller-blackboard .property-name {
  width: 80% !important; }

.ui-component-controller-blackboard .c {
  width: 10% !important; }

.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; }

.story-trigger-set-controller .ui-list-view.triggers {
  flex-direction: column; }

.story-trigger-set-controller .story-trigger {
  border-top: 2px solid red; }
  .story-trigger-set-controller .story-trigger .actions {
    flex-direction: column; }
    .story-trigger-set-controller .story-trigger .actions .story-action {
      border-top: 1px solid white;
      border-right: 1px solid white; }

.tag-controller {
  display: flex;
  flex-direction: column; }
  .tag-controller .tag {
    position: relative;
    display: flex;
    flex-direction: row; }
    .tag-controller .tag .value, .tag-controller .tag .remove {
      display: inline-block;
      position: relative; }
    .tag-controller .tag .remove {
      background-image: url(../data/textures/icons/kenny/gameicons/PNG/White/2x/trashcan.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }

.unit-shop-controller .ui-list-view {
  flex-direction: column; }

.ui-node-graph-editor-view .user-interface .ui-button-view {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #d2d2d2;
  border-radius: 4px;
  font-size: 20px;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); }

.ui-node-graph-editor-view .user-interface .contain-all {
  left: 16px;
  bottom: 16px;
  position: absolute; }
  .ui-node-graph-editor-view .user-interface .contain-all::after {
    font-family: "Font Awesome", sans-serif;
    content: '\f0b2'; }

.ui-node-graph-view {
  user-select: none;
  font-family: 'Open Sans', sans-serif;
  background-color: #171717;
  background-image: linear-gradient(to right, #212121 1px, transparent 1px), linear-gradient(to bottom, #212121 1px, transparent 1px);
  background-size: 20px 20px; }
  .ui-node-graph-view .block-canvas {
    top: 0;
    left: 0;
    position: absolute; }
  .ui-node-graph-view .connection-canvas {
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none; }
  .ui-node-graph-view .ui-node-view {
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    background: #424242;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 1px black, inset 0 0 2px rgba(255, 255, 255, 0.1); }
    .ui-node-graph-view .ui-node-view .parameters-container {
      position: absolute;
      width: inherit;
      height: inherit;
      display: grid;
      grid-template-rows: 20px 1fr;
      grid-template-columns: 0px 1fr 65px; }
      .ui-node-graph-view .ui-node-view .parameters-container .dg li:not(.folder) {
        line-height: 20px;
        height: 20px; }
      .ui-node-graph-view .ui-node-view .parameters-container .dg .c input[type=text] {
        margin-top: 0; }
      .ui-node-graph-view .ui-node-view .parameters-container .dg .property-name {
        width: 30%; }
      .ui-node-graph-view .ui-node-view .parameters-container .dg .c {
        width: 70%; }
      .ui-node-graph-view .ui-node-view .parameters-container .parameters {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: 2;
        max-width: 200px; }
        .ui-node-graph-view .ui-node-view .parameters-container .parameters .close-button {
          display: none; }
    .ui-node-graph-view .ui-node-view.has-inputs > .parameters-container {
      grid-template-columns: 65px 1fr 65px; }
    .ui-node-graph-view .ui-node-view .ports {
      top: 0;
      left: 0;
      position: absolute;
      pointer-events: none;
      width: inherit;
      height: inherit; }
      .ui-node-graph-view .ui-node-view .ports .ui-port-view {
        top: -2px;
        left: -2px;
        margin: 2px;
        position: absolute;
        pointer-events: bounding-box; }
        .ui-node-graph-view .ui-node-view .ports .ui-port-view .marker {
          background: #00ca00;
          top: -8px;
          left: -8px;
          position: absolute;
          width: 8px;
          height: 8px;
          padding: 2px;
          margin: 2px;
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
          border-radius: 100%; }
        .ui-node-graph-view .ui-node-view .ports .ui-port-view .label.name {
          top: -10px;
          position: absolute;
          line-height: 20px;
          color: #d2d2d2; }
        .ui-node-graph-view .ui-node-view .ports .ui-port-view.direction-in > .label.name {
          left: 8px; }
        .ui-node-graph-view .ui-node-view .ports .ui-port-view.direction-out > .label.name {
          right: 8px; }
  .ui-node-graph-view .ui-node-view > .label.name {
    background: #2e2e2e;
    color: #d2d2d2;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.05); }

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

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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: 42px;
  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: 42px;
    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 .description {
    position: absolute;
    top: 42px;
    left: 88px;
    width: 372px;
    color: #f1d89c;
    font-size: 14px;
    font-family: "Cambria", sans-serif;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5); }
  .ui-achievement-notification-view .title {
    z-index: 2;
    top: -2px;
    left: 88px;
    position: absolute;
    height: 100%;
    width: 284px;
    color: white;
    font-size: 32px;
    font-family: "Cambria", sans-serif;
    text-align: center;
    line-height: 42px;
    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 {
    animation: flash-zoom-out 0.5s ease;
    z-index: 1;
    top: -11px;
    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); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-composite-currency-label-view {
  font-family: "Open Sans", sans-serif; }
  .ui-composite-currency-label-view .ui-currency-denomination-label-view {
    display: flex; }
    .ui-composite-currency-label-view .ui-currency-denomination-label-view .value {
      color: #ffdb00;
      line-height: 20px; }
    .ui-composite-currency-label-view .ui-currency-denomination-label-view .icon {
      margin-left: 2px;
      width: 20px;
      height: 20px;
      background-size: contain; }
    .ui-composite-currency-label-view .ui-currency-denomination-label-view.denomination-gold .icon {
      background-image: url("../data/textures/ui/ui8/Miscellaneous/Currencies/Currency_Gold_2.png"); }

.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; }

.ui-localized-label-view {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Cambria", sans-serif; }
  .ui-localized-label-view .h1 {
    font-size: 36px;
    text-shadow: 1px 1px 1px black; }
  .ui-localized-label-view .negative {
    color: #ff6b68; }
  .ui-localized-label-view .positive {
    color: #94daed; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-help-view {
  width: inherit;
  height: inherit;
  display: grid;
  grid-template-rows: 100px 1fr 50px;
  grid-template-columns: 25px 200px 16px 1fr 50px; }
  .ui-help-view .ui-list-view.entries {
    font-size: 24px;
    color: #f1d89c;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow-y: hidden; }
    .ui-help-view .ui-list-view.entries .ui-button-view {
      position: relative; }
      .ui-help-view .ui-list-view.entries .ui-button-view.ui-button-view.active {
        color: white; }
  .ui-help-view .entry-container {
    font-size: 20px;
    color: #f1d89c;
    pointer-events: auto;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 4;
    grid-column-end: 4;
    white-space: pre-wrap;
    overflow-y: auto; }
    .ui-help-view .entry-container .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-help-view .entry-container .reference-type-talent {
      color: white;
      top: -2px; }
    .ui-help-view .entry-container .reference-type-affliction {
      color: white;
      margin-top: -10px;
      top: 10px; }
      .ui-help-view .entry-container .reference-type-affliction .ui-affliction-description-view {
        display: none; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-game-profile-badge-view {
  position: absolute;
  left: 8px;
  bottom: 44px;
  color: #93908e;
  display: flex;
  flex-direction: row;
  background: rgba(0, 0, 0, 0.3);
  padding: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 4px; }
  .ui-game-profile-badge-view .name {
    color: white;
    margin-left: 8px;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5), -1px 0 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5); }
  .ui-game-profile-badge-view.name-empty .name {
    color: grey; }

.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 {
  top: -2px;
  left: -2px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: calc(400px);
  align-items: flex-start; }
  .ui-language-selector-view .menu .ui-language-option-view {
    position: relative;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
    flex: none;
    width: min-content;
    height: 45px;
    margin: 2px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.animated-loot-icon {
  z-index: 3; }
  .animated-loot-icon.rarity-uncommon {
    filter: drop-shadow(0 0 3px rgba(30, 255, 0, 0.5)); }
  .animated-loot-icon.rarity-rare {
    filter: drop-shadow(0 0 3px rgba(50, 166, 255, 0.7)); }
  .animated-loot-icon.rarity-epic {
    filter: drop-shadow(0 0 3px #ba57ff); }
  .animated-loot-icon.rarity-legendary {
    filter: drop-shadow(0 0 3px #ff8000); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-inventory-view {
  display: grid;
  grid-template-columns: 150px auto 150px;
  grid-template-rows: 166px auto 150px; }
  .ui-inventory-view .text-search {
    position: absolute;
    right: 0;
    top: 94px;
    margin: 16px;
    font-size: 24px;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 4px;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-style: solid;
    border-color: #958f8e; }
    .ui-inventory-view .text-search:focus {
      border-color: #FF5B43;
      outline-color: #FF5B43; }
  .ui-inventory-view .aspect-filters {
    position: absolute;
    top: 110px;
    left: 150px;
    display: flex;
    flex-direction: row; }
    .ui-inventory-view .aspect-filters .filter {
      display: flex;
      flex-direction: row;
      align-items: center;
      filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); }
      .ui-inventory-view .aspect-filters .filter .icon {
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain; }
      .ui-inventory-view .aspect-filters .filter .label {
        color: white;
        font-family: "Open Sans", sans-serif;
        vertical-align: bottom; }
    .ui-inventory-view .aspect-filters .filter:nth-child(n+2) {
      margin-left: 16px; }
    .ui-inventory-view .aspect-filters .filter.toggle-state-disabled {
      filter: saturate(0%) brightness(0.9) contrast(90%); }
      .ui-inventory-view .aspect-filters .filter.toggle-state-disabled .label {
        color: #7e7e7e; }
    .ui-inventory-view .aspect-filters .aspect-consumable > .icon {
      background-image: url("../data/textures/ui/olga/badges/Consumable.png"); }
    .ui-inventory-view .aspect-filters .aspect-equipment > .icon {
      background-image: url("../data/textures/ui/olga/badges/Ammunition.png"); }
  .ui-inventory-view .rarity-filters {
    font-family: "Open Sans", sans-serif;
    color: white;
    margin: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row; }
    .ui-inventory-view .rarity-filters .filter:nth-child(n+1) {
      margin-left: 6px; }
    .ui-inventory-view .rarity-filters .filter:not(.enabled) .label {
      opacity: 0.7;
      filter: contrast(70%); }
    .ui-inventory-view .rarity-filters .filter.enabled input[type=checkbox] {
      box-shadow: 0 0 4px black; }
    .ui-inventory-view .rarity-filters .filter {
      white-space: nowrap; }
      .ui-inventory-view .rarity-filters .filter input[type=checkbox] {
        display: inline-block; }
      .ui-inventory-view .rarity-filters .filter .label {
        text-shadow: 0 0 2px black;
        display: inline-block;
        vertical-align: top; }
      .ui-inventory-view .rarity-filters .filter.rarity-common {
        color: white; }
      .ui-inventory-view .rarity-filters .filter.rarity-uncommon {
        color: #1eff00; }
      .ui-inventory-view .rarity-filters .filter.rarity-rare {
        color: #32a6ff; }
      .ui-inventory-view .rarity-filters .filter.rarity-epic {
        color: #ba57ff; }
      .ui-inventory-view .rarity-filters .filter.rarity-legendary {
        color: #ff8000; }
  .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;
    overflow: hidden;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden; }
    .ui-inventory-view .ui-item-container-card .ui-list-view {
      position: relative;
      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.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; }
      .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(80%) contrast(50%); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.item-tooltip-view .title-bar {
  margin-bottom: 1em; }
  .item-tooltip-view .title-bar .icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    outline-style: solid;
    outline-width: 1px;
    background-color: black; }
  .item-tooltip-view .title-bar .name {
    display: inline-block;
    font-size: 20px;
    color: white;
    line-height: 36px;
    margin-left: 8px; }

.item-tooltip-view.quality-common > .title-bar .name {
  color: white; }

.item-tooltip-view.quality-common > .title-bar .icon {
  outline-color: white; }

.item-tooltip-view.quality-uncommon > .title-bar .name {
  color: #1eff00; }

.item-tooltip-view.quality-uncommon > .title-bar .icon {
  outline-color: #1eff00; }

.item-tooltip-view.quality-rare > .title-bar .name {
  color: #32a6ff; }

.item-tooltip-view.quality-rare > .title-bar .icon {
  outline-color: #32a6ff; }

.item-tooltip-view.quality-epic > .title-bar .name {
  color: #ba57ff; }

.item-tooltip-view.quality-epic > .title-bar .icon {
  outline-color: #ba57ff; }

.item-tooltip-view.quality-legendary > .title-bar .name {
  color: #ff8000; }

.item-tooltip-view.quality-legendary > .title-bar .icon {
  outline-color: #ff8000; }

.item-tooltip-view .valid-slots {
  color: white;
  margin-bottom: 4px; }

.item-tooltip-view .level-requirement {
  margin-top: 4px;
  color: white; }

.item-tooltip-view .level-requirement.satisfied {
  color: #f1d89c; }

.item-tooltip-view .level-requirement.not-satisfied {
  color: #ff5154; }

.item-tooltip-view .equipment-set-tooltip-view {
  margin-top: 8px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-item-view {
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-rows: 22px minmax(0, 28px);
  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;
    text-overflow: ellipsis; }
  .ui-item-view .label.name {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: 14px;
    padding-top: 2px; }
  .ui-item-view.rarity-common > .label {
    color: white; }
  .ui-item-view.rarity-uncommon > .label {
    color: #1eff00; }
  .ui-item-view.rarity-rare > .label {
    color: #32a6ff; }
  .ui-item-view.rarity-epic > .label {
    color: #ba57ff; }
  .ui-item-view.rarity-legendary > .label {
    color: #ff8000; }
  .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;
    text-overflow: ellipsis;
    overflow: hidden; }
  .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; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-city-hud {
  will-change: transform;
  font-family: "Constantia", sans-serif;
  font-size: 12px;
  position: absolute;
  height: 40px;
  width: 150px;
  background-image: url("../data/textures/ui/olga/tribals-3.png"), linear-gradient(90deg, #28211a 50%, #422a1c 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3), 0 0 3px rgba(0, 0, 0, 0.6);
  overflow: hidden; }
  .ui-city-hud::after {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    box-sizing: border-box;
    border-image: url("../data/textures/ui/olga/frame-4.png");
    border-image-slice: 5 fill;
    border-image-repeat: stretch;
    border-width: 5px;
    border-style: solid; }
  .ui-city-hud::before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    box-sizing: border-box;
    border-top: 7px solid #28211a; }
  .ui-city-hud .ui-simple-army-strength-view {
    width: 36px;
    height: 36px;
    position: absolute;
    left: auto;
    right: 2px;
    top: 2px;
    background-color: transparent;
    background-size: 36px 36px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)); }
    .ui-city-hud .ui-simple-army-strength-view.weak {
      background-image: url("../data/textures/ui/olga/symbols/hd/Town_gray.png"); }
    .ui-city-hud .ui-simple-army-strength-view.weaker {
      background-image: url("../data/textures/ui/olga/symbols/hd/Town_green.png"); }
    .ui-city-hud .ui-simple-army-strength-view.equal {
      background-image: url("../data/textures/ui/olga/symbols/hd/Town_Yellow.png"); }
    .ui-city-hud .ui-simple-army-strength-view.stronger {
      background-image: url("../data/textures/ui/olga/symbols/hd/Town_orang.png"); }
    .ui-city-hud .ui-simple-army-strength-view.strong {
      background-image: url("../data/textures/ui/olga/symbols/hd/Town_red.png"); }
  .ui-city-hud .owner-name {
    left: 10px;
    margin-left: 5px;
    position: absolute;
    line-height: 40px;
    display: none; }
  .ui-city-hud .owner-marker {
    left: 0;
    top: 0;
    position: absolute;
    width: 10px;
    height: inherit;
    display: none;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); }
  .ui-city-hud .army {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: 40px; }
  .ui-city-hud .name.label {
    width: calc(100% - 46px);
    left: 10px;
    margin-left: 5px;
    position: absolute;
    font-size: 20px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffdb00;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

.ui-city-hud.team-1 {
  box-shadow: 0 0 8px 2px rgba(255, 0, 0, 0.5); }

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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 {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  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; }
  .ui-combat-unit-hud .label.name {
    color: white;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-top: 0;
    line-height: 14px;
    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);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .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: 15px;
      width: 100%; }
  .ui-combat-unit-hud .afflictions {
    align-items: flex-start;
    flex-wrap: wrap;
    top: 0;
    margin: -2px; }
    .ui-combat-unit-hud .afflictions .ui-unit-affliction-view {
      width: 16px;
      height: 16px;
      animation: flash-zoom-out 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/ui/olga/badges/Defence.png");
    filter: grayscale(100%) brightness(1000%);
    animation: push-in-flag-icon 0.3s ease-in;
    box-sizing: border-box;
    border: 2px solid transparent; }
  .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/ui/olga/badges/Wait.png");
    filter: grayscale(100%) brightness(1000%);
    animation: push-in-flag-icon 0.3s ease-in;
    box-sizing: border-box;
    border: 2px solid transparent; }

.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-0.unit-type-hero .label.name {
  color: gold; }

.ui-combat-unit-hud.team-0.unit-type-normal .label.name {
  color: white; }

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

.ui-combat-unit-hud.team-1.unit-type-hero .label.name {
  color: #ff8477; }

.ui-combat-unit-hud.team-1.unit-type-normal .label.name {
  color: #ffc5c1; }

.ui-combat-unit-hud.team-1.unit-type-normal .label.name {
  color: #ffc5c1; }

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.hero-finder.hud-system-sticky-flag {
  filter: drop-shadow(0 0 5px white) drop-shadow(0 0 2px white);
  transition: filter 0.27s ease-out; }
  .hero-finder.hud-system-sticky-flag .unit-icon-view {
    transition: border-color 0.27s ease-out;
    border-color: white !important; }

.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; }

.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-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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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;
    color: white; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast .title {
      top: 0;
      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.rarity-common {
      color: white; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast.rarity-uncommon {
      color: #1eff00; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast.rarity-rare {
      color: #32a6ff; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast.rarity-epic {
      color: #ba57ff; }
    .gui-element-system-group-managed-toast-notifications .managed-notification-channel-toast.rarity-legendary {
      color: #ff8000; }
    .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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@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.enabled:active .foreground {
  filter: drop-shadow(0 0 5px #ffc200); }

.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.75); }
  53% {
    box-shadow: 0 0 0 8px rgba(255, 194, 0, 0); }
  68% {
    box-shadow: 0 0 0 0 transparent; } }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@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: 5;
  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%;
    animation: overlay_backdrop_16_in cubic-bezier(0.03, 0.98, 0.52, 0.99) 2700ms; }
    @supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)) {
      .ui-overlay-page-gui .fill-view {
        backdrop-filter: blur(16px) brightness(50%);
        -webkit-backdrop-filter: blur(16px); } }
    @supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
      .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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@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-story-page-view {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  font-family: "Cambria", sans-serif; }
  .ui-story-page-view .image-container img {
    object-fit: contain;
    object-position: 0 0; }
  .ui-story-page-view .image-container .image {
    position: absolute; }
  .ui-story-page-view .image-container .outlined {
    filter: drop-shadow(0 0 1vh rgba(0, 0, 0, 0.4)); }
  .ui-story-page-view .image-container .fade-in-from-left {
    animation: 0.6s ease-out fade-in-from-left-4vw;
    animation-fill-mode: forwards; }
  .ui-story-page-view .image-container .fade-out-to-left {
    animation: 0.6s ease-out fade-out-to-left-4vw;
    animation-fill-mode: forwards; }
  .ui-story-page-view .image-container .fade-in-from-right {
    animation: 0.6s ease-out fade-in-from-right-4vw;
    animation-fill-mode: forwards; }
  .ui-story-page-view .image-container .fade-out-to-right {
    animation: 0.6s ease-out fade-out-to-right-4vw;
    animation-fill-mode: forwards; }
  .ui-story-page-view .text-container {
    z-index: 2;
    width: 60%;
    height: 20vh;
    position: absolute;
    bottom: 10vh;
    backdrop-filter: blur(16px);
    background-color: rgba(0, 0, 0, 0.37);
    box-shadow: 0 0 2vh rgba(255, 255, 255, 0.05);
    padding-left: 20%;
    padding-right: 20%; }
    .ui-story-page-view .text-container:after {
      top: 0;
      left: 0;
      position: absolute;
      height: inherit;
      width: 100%;
      box-sizing: border-box;
      content: '';
      border-image-source: url("../data/textures/ui/ui8/Miscellaneous/General/Logo_Borders_1_top2.png");
      border-image-slice: 100% 0 100% 0;
      border-image-repeat: stretch;
      border-top-width: 3px;
      border-top-style: solid;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-left-width: 0;
      border-right-width: 0; }
    .ui-story-page-view .text-container:before {
      z-index: 1;
      bottom: -22px;
      left: 0;
      position: absolute;
      height: 24px;
      width: 100%;
      content: '';
      background-image: url("../data/textures/ui/ui8/Miscellaneous/General/General_Border_Decoration2-crop-top.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top 0 left 50%; }
    .ui-story-page-view .text-container .title {
      z-index: 1;
      position: absolute;
      top: -4.5vh;
      color: #d8d8d8;
      font-size: 4vh;
      text-shadow: 2px 2px 1px black; }
      .ui-story-page-view .text-container .title .name {
        color: #fcd274;
        text-shadow: 2px 2px 1px black, 0 0 4px rgba(0, 0, 0, 0.6); }
      .ui-story-page-view .text-container .title .speaker_0 {
        color: #ded9c8; }
        .ui-story-page-view .text-container .title .speaker_0.name {
          color: #ffe774; }
      .ui-story-page-view .text-container .title .speaker_1 {
        color: #bbdbb7; }
        .ui-story-page-view .text-container .title .speaker_1.name {
          color: #85ff77; }
      .ui-story-page-view .text-container .title .speaker_2 {
        color: #b3d7d5; }
        .ui-story-page-view .text-container .title .speaker_2.name {
          color: #76fff4; }
      .ui-story-page-view .text-container .title .speaker_3 {
        color: #b3bcd7; }
        .ui-story-page-view .text-container .title .speaker_3.name {
          color: #789aff; }
      .ui-story-page-view .text-container .title .speaker_4 {
        color: #c8b3d7; }
        .ui-story-page-view .text-container .title .speaker_4.name {
          color: #c878ff; }
      .ui-story-page-view .text-container .title .speaker_5 {
        color: #d7b3bb; }
        .ui-story-page-view .text-container .title .speaker_5.name {
          color: #ff7a95; }
      .ui-story-page-view .text-container .title::after {
        z-index: -1;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        content: '';
        height: 4.5vh;
        width: inherit;
        max-width: 400px;
        background: radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.4) 0%, transparent 50%); }
    .ui-story-page-view .text-container .lines {
      margin-top: 1.5vh;
      width: 100%; }
      .ui-story-page-view .text-container .lines .line {
        text-shadow: 2px 2px 1px black;
        font-size: 2.5vh;
        white-space: pre-wrap;
        color: #e9e9e9; }
        .ui-story-page-view .text-container .lines .line .reference-type-item.ui-item-view {
          grid-template-columns: 3.75vh;
          grid-template-rows: 3.4375vh minmax(0, 4.375vh);
          height: 3.75vh; }
          .ui-story-page-view .text-container .lines .line .reference-type-item.ui-item-view .name {
            font-size: 2.5vh; }
    .ui-story-page-view .text-container .implicit-choice-marker {
      pointer-events: auto;
      width: 10vh;
      height: 10vh;
      background-image: url("../data/textures/ui/Fantasy Cursors/Mouse9/Mouse09 NoShadow.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      filter: drop-shadow(0 0 1vh #19ff00);
      z-index: 2;
      position: absolute;
      right: 10%;
      bottom: -2.5vh;
      animation: linear 0.4s alternate infinite grow-10; }
    .ui-story-page-view .text-container .choices {
      position: absolute;
      top: 1vh;
      right: 0;
      width: calc(20% - 1vh);
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .ui-story-page-view .text-container .choices .choice {
        position: relative; }
        .ui-story-page-view .text-container .choices .choice:nth-child(n+2) {
          margin-top: 1vh; }
        .ui-story-page-view .text-container .choices .choice .label {
          font-size: 3vh;
          color: #ff9800;
          text-shadow: 2px 2px 1px black;
          background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.1) 0%, transparent 50%);
          border-right: 0.5vh solid rgba(255, 255, 255, 0.3); }
        .ui-story-page-view .text-container .choices .choice:hover .label {
          color: white;
          border-right: 0.5vh solid white; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.reference-type-money {
  color: #ffdb00;
  position: relative;
  vertical-align: bottom; }
  .reference-type-money::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: 0;
    vertical-align: bottom; }

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

.reference-type-talent {
  top: -4px;
  position: relative;
  display: inline-block;
  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-affliction {
  top: -4px;
  position: relative;
  display: inline-grid;
  grid-template-rows: 1px min-content 1fr 1px;
  grid-template-columns: 1px min-content 1fr 1px;
  grid-template-areas: "padding-t padding-t padding-t padding-t" "padding-l icon title padding-r" "padding-l description description padding-r" "padding-b padding-b padding-b padding-b";
  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;
    grid-area: description;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 6px; }
  .reference-type-affliction .ui-unit-affliction-view {
    margin: 0;
    grid-area: icon;
    display: inline-block;
    width: 16px;
    height: 16px; }
  .reference-type-affliction .affliction-name {
    grid-area: title;
    margin-left: 4px;
    padding-top: 1px;
    line-height: 16px;
    display: inline-block; }

.reference-type-creature {
  position: relative;
  display: inline-grid; }

.reference-type-item.ui-item-view {
  position: relative;
  display: inline-grid;
  grid-template-columns: 24px;
  height: 24px;
  width: auto;
  max-width: none;
  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 {
    white-space: nowrap;
    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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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;
      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;
    color: white; }
  .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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-trade-view {
  pointer-events: auto;
  color: white; }
  .ui-trade-view .participants {
    height: inherit;
    position: relative; }
    .ui-trade-view .participants .ui-trade-participant-view:nth-child(n+2) {
      margin-left: 16px; }
      .ui-trade-view .participants .ui-trade-participant-view:nth-child(n+2):before {
        content: '';
        position: absolute;
        left: -10px;
        top: 8px;
        width: 4px;
        height: calc(436px - 16px);
        background: rgba(0, 0, 0, 0.5);
        filter: blur(5px); }
    .ui-trade-view .participants .ui-trade-participant-view {
      position: relative;
      width: 300px; }
      .ui-trade-view .participants .ui-trade-participant-view .items {
        max-height: 436px;
        overflow-y: auto;
        position: relative;
        padding: 4px;
        display: flex;
        flex-direction: column; }
        .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view {
          position: relative;
          order: 2;
          margin-top: 2px;
          margin-bottom: 2px;
          height: 50px;
          width: 100%; }
          .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .count {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            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;
            font-family: "Open Sans", sans-serif; }
          .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .ui-item-view {
            position: relative; }
            .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .ui-item-view .description, .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .ui-item-view .flavour-text, .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .ui-item-view .count {
              display: none; }
            .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view .ui-item-view > .icon {
              width: 50px;
              height: 50px; }
        .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view.borrowed {
          order: 1;
          background: linear-gradient(to right, rgba(0, 255, 0, 0.08) 20%, transparent 100%); }
          .ui-trade-view .participants .ui-trade-participant-view .items .ui-trade-item-view.borrowed .ui-item-view > .icon {
            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-army-builder-view .unit-slot {
  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.4s cubic-bezier(0.03, 0.98, 0.52, 0.99);
    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 .traits {
    z-index: 1;
    left: 144px;
    bottom: 0;
    position: absolute;
    display: flex;
    flex-direction: row; }
  .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 .combat-unit-details-view .combat-unit-roles-badge-view {
      position: absolute; }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-comparison-view {
  color: white;
  font-family: "Open Sans", sans-serif; }
  .ui-combat-unit-comparison-view > :nth-child(n+2) {
    margin-top: 0.3em; }
  .ui-combat-unit-comparison-view .ui-stat-comparison-view {
    width: 100%;
    display: grid;
    grid-template-columns: 9em 1fr; }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view .value {
      display: flex;
      flex-direction: row; }
      .ui-combat-unit-comparison-view .ui-stat-comparison-view .value .separator {
        height: inherit;
        width: 1em;
        margin-left: 0.5em;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../data/textures/ui/travnik/arrows/1/pointy_64.png"); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.negative .value .separator {
      background-image: url("../data/textures/ui/travnik/arrows/1/pointy_red_64.png"); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.negative .value .after {
      color: #ff4f3b; }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.negative.level-0 > .value > .after {
      text-shadow: 0 0 5px rgba(255, 0, 0, 0.4); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.negative.level-1 > .value > .after {
      text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.negative.level-2 > .value > .after {
      text-shadow: 0 0 5px red; }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.positive .value .separator {
      background-image: url("../data/textures/ui/travnik/arrows/1/pointy_green_64.png"); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.positive .value .after {
      color: #00ff14; }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.positive.level-0 > .value > .after {
      text-shadow: 0 0 5px rgba(0, 255, 0, 0.4); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.positive.level-1 > .value > .after {
      text-shadow: 0 0 5px rgba(0, 255, 0, 0.7); }
    .ui-combat-unit-comparison-view .ui-stat-comparison-view.positive.level-2 > .value > .after {
      text-shadow: 0 0 5px lime; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-simple-army-strength-view {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: transparent;
  background-repeat: no-repeat; }

.ui-simple-army-strength-view.ecs-viewport-position-component {
  width: 47px;
  height: 60px;
  background-size: 47px 60px; }
  .ui-simple-army-strength-view.ecs-viewport-position-component.weak {
    background-image: url("../data/textures/ui/olga/symbols/hd/Drop_gray.png"); }
  .ui-simple-army-strength-view.ecs-viewport-position-component.weaker {
    background-image: url("../data/textures/ui/olga/symbols/hd/Drop_green.png"); }
  .ui-simple-army-strength-view.ecs-viewport-position-component.equal {
    background-image: url("../data/textures/ui/olga/symbols/hd/Drop_yellow.png"); }
  .ui-simple-army-strength-view.ecs-viewport-position-component.stronger {
    background-image: url("../data/textures/ui/olga/symbols/hd/Drop_Orange.png"); }
  .ui-simple-army-strength-view.ecs-viewport-position-component.strong {
    background-image: url("../data/textures/ui/olga/symbols/hd/Drop_red.png"); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-unit-card .unit-icon-view {
  width: 100%;
  height: 100%; }
  .ui-unit-card .unit-icon-view img {
    width: 100%;
    height: 100%; }

.ui-unit-card .bad-melee-placement {
  width: 24px;
  height: 24px;
  z-index: 5;
  position: absolute;
  bottom: 20px;
  right: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_01_strike.png");
  filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.5)); }

.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: 3;
  color: white;
  font-family: "Constantia", sans-serif;
  top: 5px;
  left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px);
  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.1); }
  .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:not(.available) {
  display: none; }

.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 .perks {
  z-index: 3;
  position: absolute;
  top: 5px;
  right: 33px;
  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 .perks:not(.available) {
  display: none; }

.ui-unit-card .perks.can-learn {
  background: #2cfdf4;
  animation: 0.8s ease-in-out infinite alternate outline_in_sky_blue; }

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

.ui-unit-card .perks::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-hero .label.level {
  color: gold; }

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

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

.ui-unit-card.team-1.unit-type-normal .label.name {
  color: #ffc5c1; }

.ui-unit-card.team-1.unit-type-large .label.name {
  color: #ffc5c1; }

.ui-unit-card.team-1.unit-type-hero .label.name {
  color: #ff8477; }

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 5px rgba(255, 255, 255, 0.4)); }
  .unit-icon-view.unit-type-hero ::after {
    content: '';
    width: inherit;
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: inset 0 0 8px rgba(255, 215, 0, 0.2); }

.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; }

.combat-unit-roles-badge-view {
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .combat-unit-roles-badge-view .unit-role:nth-child(n+2) {
    margin-left: 4px; }
  .combat-unit-roles-badge-view .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-roles-badge-view .unit-role-damage {
    background: #a03531; }
  .combat-unit-roles-badge-view .unit-role-tank {
    background: #2d5695; }
  .combat-unit-roles-badge-view .unit-role-support {
    background: #009900; }
  .combat-unit-roles-badge-view .unit-role-area {
    background: rgba(255, 0, 255, 0.5); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.game-load-container {
  display: grid;
  grid-template-rows: 100px auto min-content auto;
  grid-template-columns: auto min-content auto; }
  .game-load-container .profile-area {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    max-height: 500px;
    overflow-y: auto;
    padding: 4px; }
  .game-load-container .ui-game-save-load-view:nth-child(n+2) {
    margin-top: 8px; }
  .game-load-container .ui-game-save-load-view {
    position: relative;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
    color: #f1d89c;
    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;
    background-color: #201B15;
    background-repeat: repeat;
    padding: 4px;
    display: grid;
    grid-template-rows: min-content 2px min-content;
    grid-template-columns: min-content 16px min-content; }
    .game-load-container .ui-game-save-load-view > .timestamp {
      margin-right: 4px;
      grid-column-start: 1;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 1;
      white-space: nowrap;
      text-align: right; }
    .game-load-container .ui-game-save-load-view .ui-unit-card {
      position: relative;
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 1;
      grid-row-end: 4; }
      .game-load-container .ui-game-save-load-view .ui-unit-card .level {
        top: 65px;
        left: 65px; }
    .game-load-container .ui-game-save-load-view .metadata {
      min-width: 200px;
      position: relative;
      grid-column-start: 3;
      grid-column-end: 3;
      grid-row-start: 3;
      grid-row-end: 4; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-profile-menu-container {
  display: grid;
  grid-template-rows: 100px auto min-content auto min-content 50px;
  grid-template-columns: auto min-content auto; }
  .ui-profile-menu-container .profiles {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    max-height: 500px;
    overflow-y: auto;
    padding: 4px; }
    .ui-profile-menu-container .profiles .ui-list-view {
      position: relative;
      flex-direction: column; }
  .ui-profile-menu-container .ui-game-save-profile-view {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 360px;
    position: relative;
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
    color: #f1d89c;
    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;
    background-color: #201B15;
    background-repeat: repeat;
    padding: 4px;
    display: grid;
    grid-template-columns: auto 16px min-content; }
    .ui-profile-menu-container .ui-game-save-profile-view .delete.button-view {
      position: relative;
      grid-column-start: 3;
      grid-column-end: 3;
      width: 36px;
      height: 36px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../data/textures/ui/ui8/Windows/Window/Window_Close_Icon.png");
      align-self: center;
      justify-self: center;
      transition: 1s ease-in filter; }
    .ui-profile-menu-container .ui-game-save-profile-view .name {
      align-self: center; }
    .ui-profile-menu-container .ui-game-save-profile-view .delete.button-view:hover {
      filter: drop-shadow(0 0 3px rgba(255, 128, 1, 0.5)) brightness(1.2);
      transition: 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) filter; }
  .ui-profile-menu-container .ui-game-save-profile-view.active {
    box-shadow: 0 0 5px 1px #ff8001; }
  .ui-profile-menu-container .ui-game-save-profile-view.name-empty {
    color: grey; }
  .ui-profile-menu-container .ui-button-rectangular.create {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 5;
    justify-self: center; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.combat-unit-equipment-view {
  position: absolute;
  pointer-events: initial; }
  .combat-unit-equipment-view .slots {
    display: flex;
    flex-direction: row; }
    .combat-unit-equipment-view .slots .equipment-slot-view:nth-child(n+2) {
      margin-left: 10px; }
    .combat-unit-equipment-view .slots .equipment-slot-view {
      position: relative;
      cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
      background: #312c27;
      width: 64px;
      height: 64px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
      border: 2px solid; }
      .combat-unit-equipment-view .slots .equipment-slot-view.empty {
        border-color: grey; }
      .combat-unit-equipment-view .slots .equipment-slot-view.rarity-common {
        border-color: white; }
      .combat-unit-equipment-view .slots .equipment-slot-view.rarity-uncommon {
        border-color: #1eff00; }
      .combat-unit-equipment-view .slots .equipment-slot-view.rarity-rare {
        border-color: #32a6ff; }
      .combat-unit-equipment-view .slots .equipment-slot-view.rarity-epic {
        border-color: #ba57ff; }
      .combat-unit-equipment-view .slots .equipment-slot-view.rarity-legendary {
        border-color: #ff8000; }
      .combat-unit-equipment-view .slots .equipment-slot-view .background {
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 64px;
        height: 64px;
        background-size: auto 44.8px;
        background-repeat: no-repeat;
        background-position: center;
        filter: brightness(400%) drop-shadow(0 0 16px black);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3); }
      .combat-unit-equipment-view .slots .equipment-slot-view .equipment-item-view {
        width: 64px;
        height: 64px;
        z-index: 1;
        position: absolute;
        background: #111111;
        overflow: hidden; }
        .combat-unit-equipment-view .slots .equipment-slot-view .equipment-item-view .icon {
          filter: drop-shadow(0 0 4px black); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-hand > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Sword.png"); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-finger > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Ring.png"); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-head > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Helmet.png"); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-chest > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Chest.png"); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-pocket > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Belt.png"); }
    .combat-unit-equipment-view .slots .equipment-slot-view.equipment-slot-kind-back > .background {
      background-image: url("../data/textures/ui/ui8/Windows/Character/Equip Slot/Icons/Back.png"); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.equipment-selection-menu .equipment-menu-element-unequip {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/ui/slot_02.PNG"); }

.equipment-selection-menu .equipment-menu-element {
  box-sizing: border-box;
  border-radius: 64px;
  box-shadow: 0 0 8px black;
  border-width: 2px;
  border-style: solid; }
  .equipment-selection-menu .equipment-menu-element.rarity-common {
    border-color: white; }
  .equipment-selection-menu .equipment-menu-element.rarity-uncommon {
    border-color: #1eff00; }
  .equipment-selection-menu .equipment-menu-element.rarity-rare {
    border-color: #32a6ff; }
  .equipment-selection-menu .equipment-menu-element.rarity-epic {
    border-color: #ba57ff; }
  .equipment-selection-menu .equipment-menu-element.rarity-legendary {
    border-color: #ff8000; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.equipment-set-tooltip-view .title {
  color: #ffda60;
  white-space: nowrap; }
  .equipment-set-tooltip-view .title .label {
    display: inline-block; }
  .equipment-set-tooltip-view .title .piece-count {
    margin-left: 0.5em; }

.equipment-set-tooltip-view .participants {
  margin-bottom: 1em;
  margin-left: 1em;
  color: grey; }
  .equipment-set-tooltip-view .participants .participant {
    margin-top: 4px;
    margin-bottom: 4px; }
  .equipment-set-tooltip-view .participants .participant.equipped {
    color: #f1d89c; }

.equipment-set-tooltip-view .bonus-level .piece-requirement {
  display: inline-block;
  margin-right: 0.5em; }

.equipment-set-tooltip-view .bonus-level .ui-combat-unit-bonus-description {
  position: relative;
  display: inline-block; }

.equipment-set-tooltip-view .bonus-level.unlocked {
  color: #00ff14; }

.equipment-set-tooltip-view .bonus-level.locked {
  filter: grayscale(100%) brightness(50%); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.affliction-charge-view {
  width: 24px;
  left: -12px;
  font-size: 24px;
  color: white;
  font-family: 'Baloo', sans-serif;
  text-shadow: 1px 0 0 black, 0 1px 0 black, -1px 0 0 black, 0 -1px 0 black; }
  .affliction-charge-view .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    box-shadow: 0 0 1px 1px black; }
  .affliction-charge-view .charge {
    position: absolute;
    top: 0;
    right: 28px;
    height: 24px;
    line-height: 24px; }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-combat-command-menu .combat-command-menu-option-icon {
  position: absolute;
  background-size: contain;
  filter: drop-shadow(0 0 5px black) saturate(0%); }
  .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.defend {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_01.png"); }
  .ui-combat-command-menu .combat-command-menu-option-icon.wait {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/blue/b_20.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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; }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-combat-prediction-view {
  position: absolute;
  left: 0;
  top: 0;
  width: min-content;
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  border-radius: 20px;
  font-size: 24px;
  color: white;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 1px 1px 1px black; }
  .ui-combat-prediction-view.death {
    border: 1px solid rgba(255, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.2);
    background: rgba(85, 26, 28, 0.3); }
    .ui-combat-prediction-view.death::after {
      content: '';
      position: absolute;
      top: -24px;
      left: -24px;
      z-index: 3;
      width: 48px;
      height: 48px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_26.png");
      filter: drop-shadow(0 0 3px black); }
  .ui-combat-prediction-view .health-delta {
    text-shadow: 1px 1px 1px black, 0 0 2px black;
    font-weight: bold; }
    .ui-combat-prediction-view .health-delta.negative {
      color: #ff4e42; }
    .ui-combat-prediction-view .health-delta.positive {
      color: #58ff46; }
    .ui-combat-prediction-view .health-delta::after {
      content: "";
      font-family: 'Font Awesome', sans-serif;
      margin-left: 3px; }
  .ui-combat-prediction-view .affliction-delta-list {
    margin-top: 8px;
    position: relative;
    flex-direction: column;
    align-items: flex-start; }
    .ui-combat-prediction-view .affliction-delta-list .affliction-delta {
      display: flex;
      flex-direction: row; }
      .ui-combat-prediction-view .affliction-delta-list .affliction-delta:nth-child(n+2) {
        margin-top: 4px; }
      .ui-combat-prediction-view .affliction-delta-list .affliction-delta .label.count {
        height: 24px;
        line-height: 24px;
        display: inline-block;
        margin-right: 4px; }
      .ui-combat-prediction-view .affliction-delta-list .affliction-delta .icon-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; }
        .ui-combat-prediction-view .affliction-delta-list .affliction-delta .icon-container .icon {
          position: relative;
          display: inline-block;
          border-radius: 24px;
          width: 24px;
          height: 24px;
          box-shadow: 1px 1px 1px black, 0 0 2px black; }
          .ui-combat-prediction-view .affliction-delta-list .affliction-delta .icon-container .icon:nth-child(n+2) {
            margin-left: 2px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.combat-screen-view {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 30px 100px minmax(30px, 1fr) 2fr minmax(30px, 1fr) 100px 30px;
  grid-template-rows: 30px 200px 1fr 76px 30px; }
  .combat-screen-view .ui-scene-combat-turn-order-view {
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 2;
    margin-top: -10px;
    position: relative; }
  .combat-screen-view .ui-combat-ability-bar-view {
    position: relative;
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 4;
    justify-self: center;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: background-color 0.6s ease-in; }
  .combat-screen-view .ui-combat-ability-bar-view:not(.targeting) {
    background-color: rgba(255, 255, 255, 0.13);
    background-blend-mode: lighten;
    transition: background-color 0.17s ease-in; }
  .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 .combat-unit-roles-badge-view {
        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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-combat-current-move-unit-view {
  position: absolute;
  left: 15vw;
  bottom: 140px;
  width: 70vw;
  height: 20px;
  font-family: "Cambria", sans-serif; }
  .ui-combat-current-move-unit-view.team-0 .health .fill {
    background-color: #00d10a; }
  .ui-combat-current-move-unit-view.team-1 .health .fill {
    background-color: #d90300; }
  .ui-combat-current-move-unit-view .health {
    position: absolute;
    top: 36px;
    height: 24px;
    width: 100%; }
    .ui-combat-current-move-unit-view .health .fill {
      height: 100%; }
    .ui-combat-current-move-unit-view .health .label {
      color: #f1d89c;
      text-shadow: 1px 0 1.5px rgba(0, 0, 0, 0.4), 0 1px 1.5px rgba(0, 0, 0, 0.4), -1px 0 1.5px rgba(0, 0, 0, 0.4), 0 -1px 1.5px rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      line-height: 24px;
      text-align: center; }
  .ui-combat-current-move-unit-view .ui-affliction-list-smart-view {
    position: absolute;
    top: 68px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-scene-combat-turn-order-view {
  width: inherit;
  height: 200px;
  padding: 15px 10px 15px 10px;
  overflow: hidden;
  box-sizing: border-box; }
  .ui-scene-combat-turn-order-view .ui-unit-card:not(.first) .name {
    left: 2px;
    max-width: calc(100% - 10px);
    font-size: 12px; }
  .ui-scene-combat-turn-order-view .ui-unit-card:not(.first) .health {
    bottom: 4px;
    height: 6px; }
  .ui-scene-combat-turn-order-view .ui-unit-card:not(.first) .level {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    bottom: 12px;
    right: 3px; }
  .ui-scene-combat-turn-order-view .ui-unit-card {
    top: 10px;
    will-change: transform;
    position: absolute;
    transition: transform 0.7s ease-out, background 0.5s linear, box-shadow linear 0.12s, bottom cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
    box-shadow: 0 2px 4px 1px 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 .bad-melee-placement {
      display: none; }
    .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 {
    z-index: -1; }
    .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn .unit-icon-view {
      filter: grayscale(80%) contrast(90%) brightness(90%);
      transition: filter 0.6s linear; }
    .ui-scene-combat-turn-order-view .ui-unit-card.combatMovedThisTurn .progress-bar.health {
      filter: grayscale(80%) contrast(90%) brightness(90%); }
  .ui-scene-combat-turn-order-view .ui-unit-card.combatWaitedThisTurn:not(.combatMovedThisTurn)::after {
    filter: drop-shadow(0 0 3px black);
    background: url("../data/textures/ui/olga/badges/Wait.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    bottom: 18px;
    left: 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: drop-shadow(0 0 3px black);
    background: url("../data/textures/ui/olga/badges/Defence.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    bottom: 18px;
    left: 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;
    box-shadow: 0 0 6px 4px white; }
    .ui-scene-combat-turn-order-view .ui-unit-card.highlight:not(.first) {
      top: 20px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-game-score-view {
  position: absolute;
  --width: 400px;
  --height: 150px;
  width: var(--width);
  height: var(--height);
  left: calc((100% - var(--width)) / 2);
  top: calc((100% - var(--height)) / 2);
  background-color: rgba(0, 0, 0, 0.15);
  text-align: center;
  backdrop-filter: blur(15px);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2), 0 0 15px rgba(255, 255, 255, 0.03);
  border-radius: 8px; }
  .ui-game-score-view .details {
    margin-top: 8px;
    font-size: 24px;
    color: #f1d89c; }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-army-training-view {
  width: inherit;
  height: inherit;
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 1fr min-content 1fr; }
  .ui-army-training-view .money {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: white;
    right: 24px;
    bottom: 24px; }
    .ui-army-training-view .money .value {
      color: #ffdb00;
      position: relative;
      margin-left: 8px;
      display: inline-block; }
    .ui-army-training-view .money .label {
      position: relative; }
    .ui-army-training-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-army-training-view .level-limit {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: white;
    left: 24px;
    bottom: 24px; }
    .ui-army-training-view .level-limit .value {
      color: #ffae00;
      position: relative;
      margin-left: 8px;
      display: inline-block; }
    .ui-army-training-view .level-limit .label {
      position: relative; }
    .ui-army-training-view .level-limit .value:after {
      font-family: "Font Awesome", sans-serif;
      content: "";
      margin-left: 4px;
      margin-bottom: -6px; }
  .ui-army-training-view .ui-army-card {
    position: relative;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2; }
    .ui-army-training-view .ui-army-card > .label.capacity {
      display: none; }
    .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      pointer-events: none; }
      .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view:hover {
        opacity: 1;
        transition: background-color linear 0.2s, box-shadow ease-out 0.25s, border linear 0.15s; }
        .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view:hover .foreground {
          filter: contrast(120%); }
        .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view:hover .background {
          transition: filter cubic-bezier(0.03, 0.98, 0.52, 0.99) 200ms;
          filter: brightness(115%); }
      .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view {
        width: 42px;
        height: 42px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        overflow: hidden;
        border-radius: 100%;
        margin: 8px; }
        .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view .background {
          transition: filter cubic-bezier(0.03, 0.98, 0.52, 0.99) 1000ms;
          background-image: linear-gradient(-45deg, #e69d00, #ffb61a); }
        .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view .foreground {
          width: inherit;
          height: inherit;
          background-size: contain;
          background-image: url("../data/textures/ui/Fantasy_GUI/fantasy_gui_png/map_01_04.png"); }
        .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view .label {
          color: white;
          font-weight: bold;
          font-family: "Open Sans", sans-serif;
          text-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.7);
          width: 100%;
          height: 100%;
          text-align: center;
          line-height: 42px; }
      .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .ui-button-view:not(.enabled) {
        cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright Cross.png") 5 4, pointer;
        filter: grayscale(100%) brightness(90%); }
      .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .train-one {
        bottom: 0;
        left: 0; }
      .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .training-buttons .train-max {
        left: 50px;
        bottom: 0; }
    .ui-army-training-view .ui-army-card .ui-tile-grid-element-view.affordable.within-range .ui-unit-card .level {
      width: 40px;
      height: 40px;
      line-height: 42px;
      font-size: 20px;
      bottom: 8px;
      right: 8px;
      border-color: #ffae00; }
    .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .ui-unit-card .level {
      transition: all 1000ms cubic-bezier(0.03, 0.98, 0.52, 0.99); }
    .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .ui-unit-card .health, .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .ui-unit-card .experience, .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .ui-unit-card .afflictions, .ui-army-training-view .ui-army-card .ui-tile-grid-element-view .ui-unit-card .talents {
      display: none; }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 .level-up-marker {
      position: absolute;
      top: 0;
      right: 16px;
      font-weight: bold;
      font-family: "Cambria", sans-serif;
      font-size: 46px;
      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 .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 .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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-difficulty-settings-gui-view .options {
  width: inherit;
  justify-content: center; }
  .ui-difficulty-settings-gui-view .options .option {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer;
    margin-left: 4px;
    margin-right: 4px; }
    .ui-difficulty-settings-gui-view .options .option.negative:not(.enabled) .ui-unit-affliction-view {
      border-color: #0b520f; }
    .ui-difficulty-settings-gui-view .options .option.negative.enabled .ui-unit-affliction-view {
      transform: scale(1.1);
      border-color: #00ca00;
      box-shadow: 0 0 8px rgba(0, 202, 0, 0.4), 2px 2px 0 rgba(0, 0, 0, 0.3); }
    .ui-difficulty-settings-gui-view .options .option.positive:not(.enabled) .ui-unit-affliction-view {
      border-color: #551000; }
    .ui-difficulty-settings-gui-view .options .option.positive.enabled .ui-unit-affliction-view {
      border-color: #ca0005;
      box-shadow: 0 0 8px rgba(202, 0, 5, 0.4); }
    .ui-difficulty-settings-gui-view .options .option:not(.enabled) .ui-unit-affliction-view img {
      filter: grayscale(90%); }
    .ui-difficulty-settings-gui-view .options .option:not(.enabled):not(.available) {
      filter: grayscale(100%) contrast(90%) brightness(90%); }
      .ui-difficulty-settings-gui-view .options .option:not(.enabled):not(.available) .ui-unit-affliction-view {
        box-shadow: none; }
        .ui-difficulty-settings-gui-view .options .option:not(.enabled):not(.available) .ui-unit-affliction-view img {
          opacity: 0.3; }
    .ui-difficulty-settings-gui-view .options .option .ui-unit-affliction-view {
      --size: 36px;
      border-width: 3px;
      width: var(--size);
      height: var(--size);
      overflow: hidden;
      border-radius: var(--size);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }

.ui-difficulty-settings-gui-view .score-modifier-container {
  color: #f1d89c;
  font-size: 24px;
  position: absolute;
  right: 0;
  bottom: 0; }
  .ui-difficulty-settings-gui-view .score-modifier-container .score-multiplier {
    display: inline-block;
    vertical-align: baseline; }
  .ui-difficulty-settings-gui-view .score-modifier-container .value {
    font-size: 36px;
    margin-left: 16px;
    display: inline-block;
    vertical-align: baseline; }

.ui-difficulty-settings-gui-view.score-modifier-over-100 .score-modifier-container > .value {
  color: #ff8e75; }

.ui-difficulty-settings-gui-view.score-modifier-under-100 .score-modifier-container > .value {
  color: greenyellow; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-item-shop-view {
  display: grid;
  grid-template-columns: minmax(30px, auto) max-content minmax(30px, auto);
  grid-template-rows: minmax(100px, auto) 36px 8px 436px 36px minmax(30px, auto); }
  .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 .trade-balance {
    position: absolute;
    right: 24px;
    bottom: 50px; }
    .ui-item-shop-view .trade-balance.negative {
      color: #ff5154; }
      .ui-item-shop-view .trade-balance.negative .value {
        color: #ff5154; }
    .ui-item-shop-view .trade-balance.positive {
      color: #00ff14; }
      .ui-item-shop-view .trade-balance.positive .value {
        color: #00ff14; }
    .ui-item-shop-view .trade-balance.positive:before {
      position: absolute;
      left: -12px;
      content: '+'; }
    .ui-item-shop-view .trade-balance.negative:before {
      position: absolute;
      left: -12px;
      content: '-'; }
  .ui-item-shop-view .title-area {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    .ui-item-shop-view .title-area .trade-participant-title {
      max-width: 300px;
      overflow-x: hidden;
      overflow-y: visible;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: "Constantia", sans-serif;
      color: #f1d89c;
      font-size: 30px;
      line-height: 36px; }
  .ui-item-shop-view .button-area {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 5;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .ui-item-shop-view .button-area .cancel {
      order: 2; }
    .ui-item-shop-view .button-area .confirm {
      order: 1; }
    .ui-item-shop-view .button-area .ui-button-view {
      margin: 8px;
      position: relative; }
  .ui-item-shop-view .ui-trade-view {
    position: relative;
    overflow: hidden;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 4; }
    .ui-item-shop-view .ui-trade-view .ui-trade-item-view:not(.borrowed) .ui-item-view.cant-afford .ui-composite-currency-label-view.price .icon {
      filter: saturate(0%); }
    .ui-item-shop-view .ui-trade-view .ui-trade-item-view:not(.borrowed) .ui-item-view.cant-afford .ui-composite-currency-label-view.price .value {
      color: rgba(255, 255, 255, 0.5); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-jail-view {
  pointer-events: initial;
  position: absolute;
  display: grid;
  grid-template-columns: auto min-content auto;
  grid-template-rows: auto min-content auto; }
  .ui-jail-view .money {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: white;
    right: 24px;
    bottom: 24px; }
    .ui-jail-view .money .value {
      color: #ffdb00;
      position: relative;
      margin-left: 8px;
      display: inline-block; }
    .ui-jail-view .money .label {
      position: relative; }
    .ui-jail-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-jail-view .empty {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: auto min-content auto;
    grid-template-rows: auto min-content auto;
    position: absolute;
    color: #bdbdbd; }
    .ui-jail-view .empty .label {
      grid-column-start: 2;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 2;
      position: relative;
      white-space: nowrap;
      font-size: 36px;
      text-align: center; }
  .ui-jail-view .jail-slots {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    position: relative;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: visible; }
    .ui-jail-view .jail-slots .ui-jail-slot-view {
      position: relative;
      width: 300px; }
      .ui-jail-view .jail-slots .ui-jail-slot-view .ui-unit-card {
        position: relative; }
        .ui-jail-view .jail-slots .ui-jail-slot-view .ui-unit-card .talents {
          display: none; }
        .ui-jail-view .jail-slots .ui-jail-slot-view .ui-unit-card .health {
          display: none; }
        .ui-jail-view .jail-slots .ui-jail-slot-view .ui-unit-card .experience {
          display: none; }
      .ui-jail-view .jail-slots .ui-jail-slot-view .ui-button-view.release-unit {
        position: absolute;
        right: 8px;
        bottom: 0; }
      .ui-jail-view .jail-slots .ui-jail-slot-view .label.price {
        font-family: 'Open Sans', sans-serif;
        z-index: 2;
        padding-left: 4px;
        position: absolute;
        right: 8px;
        top: 4px;
        color: #ffdb00; }
      .ui-jail-view .jail-slots .ui-jail-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: 4px;
        margin-bottom: -2px; }
    .ui-jail-view .jail-slots .ui-jail-slot-view:nth-child(n+2) {
      margin-top: 16px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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;
    animation: overlay_backdrop_16_in cubic-bezier(0.03, 0.98, 0.52, 0.99) 2700ms; }
    @supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)) {
      .gui-squad-builder-view .underlay {
        backdrop-filter: blur(16px) brightness(50%);
        -webkit-backdrop-filter: blur(16px); } }
    @supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
      .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; }
  .gui-squad-builder-view .ui-difficulty-settings-gui-view {
    position: absolute;
    left: 0;
    top: 0; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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"); }
  .ui-strategy-command-menu .strategy-command-menu-option-icon.collect {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/green/g_22.png"); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-strategy-scene-gui {
  z-index: 3;
  left: 0;
  top: 0; }
  .ui-strategy-scene-gui .ui-world-events-view {
    margin-left: 30px;
    margin-top: 30px;
    position: absolute;
    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 li.title {
    padding-left: 36px;
    background-size: 12px 12px; }
  .ui-options-view-container .dg .property-name {
    width: 60%; }
  .ui-options-view-container .dg .c {
    width: 40%; }
  .ui-options-view-container .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 li.cr {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse3/x32/Mouse03 standart.png") 10 4, auto; }
  .ui-options-view-container .dg ul:not(.closed) > li.cr {
    height: 36px;
    line-height: 36px; }
  .ui-options-view-container .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 .cr.function * {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .ui-options-view-container .dg .cr.boolean * {
    cursor: url("../data/textures/ui/Fantasy Cursors/Mouse9/x32/Mouse09 Bright.png") 5 4, pointer; }
  .ui-options-view-container .dg .cr.number.has-slider input[type="text"] {
    display: none; }
  .ui-options-view-container .dg .cr.number.has-slider .slider {
    width: 100%;
    height: 28px; }
  .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; }

@charset "UTF-8";
@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.strategy-screen-view {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }
  .strategy-screen-view .score {
    pointer-events: auto; }
  .strategy-screen-view .ui-minimap-view {
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 30px;
    right: 30px;
    overflow: hidden;
    border: 2px solid black;
    border-radius: 4px;
    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;
    line-height: 16px;
    font-weight: normal;
    position: absolute;
    left: 4px;
    top: 4px;
    background: white;
    padding: 2px 5px;
    border-radius: 10px;
    z-index: 2; }
  .strategy-screen-view .command-options {
    z-index: 1;
    width: 34px;
    height: 34px;
    top: 285px;
    right: 30px;
    opacity: 1; }
  .strategy-screen-view .command-help {
    z-index: 1;
    width: 34px;
    height: 34px;
    top: 285px;
    right: 72px;
    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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-unit-shop {
  display: grid;
  grid-template-columns: minmax(30px, 1fr) minmax(300px, 600px) minmax(16px, 64px) min-content minmax(30px, 1fr);
  grid-template-rows: auto min-content auto; }
  .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 {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
    align-self: center;
    position: relative; }
  .ui-unit-shop .ui-unit-shop-offer-view {
    overflow-y: auto;
    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: grid;
      grid-template-columns: min-content 1fr;
      grid-template-rows: auto;
      padding-right: 8px; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .cooldown-value {
        position: absolute;
        right: 4px;
        top: 0;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        text-align: right;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        color: white;
        text-shadow: 0 0 5px black, 0 0 2px black; }
        .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .cooldown-value:after {
          font-family: "Font Awesome", sans-serif;
          content: '\f021'; }
      .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view .label.unit-count {
        position: absolute;
        left: 4px;
        top: 4px;
        z-index: 1;
        color: white; }
      .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 {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        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 .combat-unit-roles-badge-view {
          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:not(.stock-empty) .cooldown-value {
      display: none; }
    .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.cant-afford .label.price, .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.stock-empty .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, .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.stock-empty .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, .ui-unit-shop .ui-unit-shop-offer-view .ui-unit-shop-slot-view.stock-empty .combat-unit-details-view {
      filter: grayscale(50%); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-world-events-view .ui-world-event-view:nth-child(n+2) {
  margin-left: 8px; }

.ui-world-events-view .ui-world-event-view {
  animation: flash-zoom-out 0.5s ease;
  border-radius: 4px;
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  border-color: black;
  position: relative;
  width: 64px;
  height: 64px; }
  .ui-world-events-view .ui-world-event-view .icon {
    position: relative;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px; }
  .ui-world-events-view .ui-world-event-view .duration.label {
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    padding: 2px 5px;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    text-shadow: 2px 0 2px black, 0 2px 2px black, -2px 0 2px black, 0 -2px 2px black; }

.ui-option-selector-view .options .ui-option-execution-probability-view {
  margin-left: 4px;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: rgba(0, 0, 0, 0.05); }

.ui-option-selector-view .options .ui-option-execution-probability-view:nth-child(n+2) {
  margin-top: 4px; }

.ui-secret-action-executable {
  width: 32px;
  height: 32px;
  background-image: url(../data/textures/ui/Fantasy_GUI/fantasy_gui_png/button_10_s05.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

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

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-affliction-list-smart-view .fold-toggle {
  --size: 32px;
  margin: 2px;
  order: 999999;
  position: relative;
  width: var(--size);
  height: var(--size);
  border-radius: var(--size);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px); }
  .ui-affliction-list-smart-view .fold-toggle .hidden-count {
    display: none;
    border-radius: 50px;
    padding: 2px 4px;
    background: rgba(0, 0, 0, 0.2);
    font-size: 16px;
    text-align: center; }
  .ui-affliction-list-smart-view .fold-toggle::after {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: inherit;
    text-align: center;
    line-height: var(--size);
    font-size: 16px;
    transform: rotate(0deg);
    font-family: 'Font Awesome', sans-serif;
    content: '\f078'; }

.ui-affliction-list-smart-view:not(.folded) .fold-toggle .hidden-count {
  display: none; }

.ui-affliction-list-smart-view:not(.folded) .fold-toggle::after {
  transform: rotate(180deg); }

.ui-affliction-list-smart-view.below-fold-threshold .fold-toggle {
  display: none; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 > .source-type {
  margin-top: 7px;
  margin-left: 4px;
  display: inline-block;
  padding-left: 4px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 4px;
  color: black;
  font-weight: bold;
  text-shadow: 1px 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(255, 255, 255, 0.1), -1px 0 1px rgba(255, 255, 255, 0.1), 0 -1px 1px rgba(255, 255, 255, 0.1);
  background: grey; }

.ui-affliction-tooltip-view.source-type-trait > .source-type {
  background: #bf8940; }

.ui-affliction-tooltip-view.source-type-perk > .source-type {
  background: #74d1c6; }

.ui-affliction-tooltip-view.source-type-aura > .source-type {
  background: #5e98c9; }

.ui-affliction-tooltip-view.source-type-talent > .source-type {
  background: #c7bf57; }

.ui-affliction-tooltip-view.source-type-item > .source-type {
  background: #c27ad3; }

.ui-affliction-tooltip-view.source-type-world > .source-type {
  background: #77d27b; }

.ui-affliction-tooltip-view.source-type-unknown > .source-type {
  display: none;
  background: grey; }

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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.source-type-aura {
    box-shadow: 0 0 2px #289cff; }
  .ui-unit-affliction-view.source-type-trait {
    box-shadow: 0 0 2px #ff9200; }
  .ui-unit-affliction-view.source-type-perk {
    box-shadow: 0 0 2px #46ffe9; }
  .ui-unit-affliction-view.source-type-talent {
    box-shadow: 0 0 2px #ffee1f; }
  .ui-unit-affliction-view.source-type-item {
    box-shadow: 0 0 2px #dd4dff; }
  .ui-unit-affliction-view.source-type-world {
    box-shadow: 0 0 2px #4aff51; }
  .ui-unit-affliction-view .icon {
    position: absolute;
    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; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-army-problem-display {
  pointer-events: auto;
  position: absolute;
  left: 30px;
  bottom: 160px;
  display: flex;
  flex-direction: column;
  z-index: 3; }
  .ui-army-problem-display .ui-problem-group-view:nth-child(n+1) {
    margin-top: 4px; }
  .ui-army-problem-display .ui-problem-group-view {
    position: relative;
    width: 42px;
    height: 42px;
    font-family: "Open Sans", sans-serif;
    background: #312c27;
    border-width: 2px;
    border-color: #ff5154;
    border-style: solid;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.3); }
    .ui-army-problem-display .ui-problem-group-view .icon {
      position: absolute;
      top: 0;
      left: 0;
      height: inherit;
      width: inherit;
      background-size: 36px;
      background-position: center;
      background-repeat: no-repeat;
      filter: drop-shadow(0 0 5px black); }
    .ui-army-problem-display .ui-problem-group-view .count {
      position: absolute;
      right: -6px;
      top: -6px;
      padding: 2px 6px;
      border-radius: 50px;
      font-size: 16px;
      color: black;
      background-color: white;
      box-sizing: border-box;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
    .ui-army-problem-display .ui-problem-group-view.count-zero {
      display: none; }
    .ui-army-problem-display .ui-problem-group-view.count-one .count {
      display: none; }
  .ui-army-problem-display .ui-problem-group-view.problem-type-unit-health-damaged .icon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_17_red_01.png"); }
  .ui-army-problem-display .ui-problem-group-view.problem-type-unit-health-low .icon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/violet/v_29_red_01.png"); }
  .ui-army-problem-display .ui-problem-group-view.problem-type-unit-dead .icon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/red/r_26_red_01.png"); }
  .ui-army-problem-display .ui-problem-group-view.problem-type-unit-unspent-talent-points .icon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/yellow/y_05_yellow.png"); }
  .ui-army-problem-display .ui-problem-group-view.problem-type-squad-under-capacity .icon {
    background-image: url("../data/textures/icons/Flat_Skills_Icons/PNG/green/g_15_orange.png"); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-stats-view .combat-unit-stat-group-view {
  position: relative; }

.ui-combat-unit-stats-view .combat-unit-stat-group-view::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  filter: blur(12px);
  z-index: -1; }

.ui-combat-unit-stats-view .combat-unit-stat-group-view:nth-child(n+2) {
  margin-top: 1em; }

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

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

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

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

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

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-simple-stat-value-view .label {
  vertical-align: initial; }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  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-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 {
  margin: -2px;
  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-talents-canvas-view .connection-canvas .dependency-connection {
    transition: opacity 0.5s ease-out; }
  .ui-talents-canvas-view .connection-canvas .dependency-connection.locked {
    opacity: 0.4; }


.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.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 overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

@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 .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-talents-view .ui-combat-unit-comparison-view {
    z-index: 2;
    pointer-events: none;
    user-select: none;
    position: absolute;
    bottom: 50px;
    right: 20px;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 8px;
    font-size: 18px; }

.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;
  transition: border 3s cubic-bezier(0.03, 0.98, 0.52, 0.99); }
  .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 {
      transition: all 500ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
      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;
  opacity: 0.9; }
  .ui-talent-view.locked .container > .icon, .ui-talent-view.locked.affordable .container > .icon {
    opacity: 0.7;
    filter: grayscale(100%) contrast(70%) brightness(80%); }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-combat-ability-bar-view {
  pointer-events: auto; }
  .ui-combat-ability-bar-view .abilities.ui-list-view {
    position: relative;
    display: flex;
    flex-direction: row; }
  .ui-combat-ability-bar-view .ui-combat-ability-view {
    position: relative;
    margin-left: 4px;
    margin-right: 4px; }
  .ui-combat-ability-bar-view.targeting .ui-combat-ability-view:not(.is-active) {
    filter: grayscale(50%) brightness(70%) contrast(80%); }
  .ui-combat-ability-bar-view .ui-combat-ability-view.cooldown-ready {
    animation: flash-zoom-out 0.3s linear; }

@keyframes overlay_backdrop_16_in {
  0% {
    backdrop-filter: blur(0px); }
  100% {
    backdrop-filter: blur(16px) brightness(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_sky_blue {
  0% {
    box-shadow: 0 0 3px rgba(0, 183, 255, 0.5); }
  100% {
    box-shadow: 0 0 15px #00b7ff; } }

@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 fade-in-from-left-4vw {
  from {
    opacity: 0;
    left: -4vw; }
  to {
    opacity: 1;
    left: 0; } }

@keyframes fade-out-to-left-4vw {
  from {
    opacity: 1;
    left: 0; }
  to {
    opacity: 0;
    left: -4vw; } }

@keyframes fade-in-from-right-4vw {
  from {
    opacity: 0;
    right: -4vw; }
  to {
    opacity: 1;
    right: 0; } }

@keyframes fade-out-to-right-4vw {
  from {
    opacity: 1;
    right: 0; }
  to {
    opacity: 0;
    right: -4vw; } }

@keyframes flash-zoom-out {
  0% {
    transform: scale(2);
    filter: brightness(800%); }
  20% {
    transform: scale(1.4);
    filter: brightness(600%); }
  100% {
    transform: scale(1);
    filter: brightness(100%); } }

.ui-combat-ability-view {
  width: 68px;
  height: 68px;
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
  border-color: #5c5c57; }
  .ui-combat-ability-view.cooldown-ready {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    border-color: #efefeb; }
    .ui-combat-ability-view.cooldown-ready .cooldown {
      display: none; }
  .ui-combat-ability-view .icon {
    width: 100%;
    height: 100%; }
  .ui-combat-ability-view .ui-cooldown-overlay-view {
    position: absolute;
    left: 0;
    top: 0; }
  .ui-combat-ability-view .cooldown.label {
    z-index: 1;
    position: absolute;
    top: 4px;
    left: 4px;
    color: white;
    font-family: "Open Sans", sans-serif;
    text-shadow: 1px 0 1px black, 0 1px 1px black, -1px 0 1px black, 0 -1px 1px black;
    font-size: 24px;
    line-height: 24px; }
  .ui-combat-ability-view .ui-cooldown-overlay-view {
    position: absolute;
    top: 0;
    left: 0; }
    .ui-combat-ability-view .ui-cooldown-overlay-view path {
      fill: rgba(0, 0, 0, 0.7); }