@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Patrick+Hand+SC:wght@400&display=swap");.query-builder .qb-drag-handler, .query-builder .qb-draggable, .query-builder {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.query-builder .rule--header:after {
  content: "";
  display: table;
  clear: both;
}

.query-builder {
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  margin: 1rem;
}

.query-builder {
  /******************************************************************************/
  /** DRAG *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** TREE LINES *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** CASE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE_GROUP_EXT *********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** RULE **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** FUNC **********************************************************************/
  /******************************************************************************/
  /******************************************************************************/
  /** Shrink textarea ***********************************************************/
  /******************************************************************************/
}
.query-builder .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid #DCC896;
}
.query-builder .rule {
  background-color: white;
  border: 1px solid transparent;
  padding: 10px;
}
.query-builder .rule-with-error .rule {
  border-color: #e0a1a1;
}
.query-builder .group-with-error > .group {
  border-color: #e0a1a1;
}
.query-builder .rule--body {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.query-builder .rule--body--wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.query-builder .rule--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
}
.query-builder .rule_group--error {
  color: red;
  margin-bottom: -5px;
  margin-top: 5px;
  width: 100%;
}
.query-builder .group-or-rule {
  border-radius: 5px;
  position: relative;
}
.query-builder .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule {
  background: white;
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .group {
  background: rgba(250, 240, 210, 0.5);
  border: 1px solid transparent;
}
.query-builder .rule_group_ext .rule_group_ext {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .rule_group_ext .rule_group {
  background: rgba(255, 252, 242, 0.5);
  border: 1px solid #f5e4b5;
}
.query-builder .locked {
  border-color: red !important;
  border-style: dashed !important;
}
.query-builder .qb-placeholder {
  border-color: gray !important;
  border-style: dashed !important;
}
.query-builder.qb-dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.query-builder.qb-dragging button {
  pointer-events: none;
}
.query-builder .qb-draggable {
  pointer-events: none;
  position: absolute;
  opacity: 0.7;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .qb-drag-handler {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs) {
  position: relative;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  z-index: 0;
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs).hide--line::before {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  content: "";
  position: absolute;
  border-color: #ccc;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::after {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 2px 0 0 2px;
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 1px);
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 1px + 10px + 2px);
}
.query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children.hide--line > .group-or-rule-container > .group-or-rule::after {
  border-color: rgba(128, 128, 128, 0.1) !important;
}
.query-builder .group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .group::before, .query-builder .group--children > .group-or-rule-container > .group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group::before, .query-builder .group--children > .group-or-rule-container > .rule_group::after {
  left: -14px;
  width: 13px;
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 2px 2px;
  top: -1px;
  height: calc(50% + 1px + 1px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 2px;
  top: calc(50% + 1px);
  height: calc(50% - 1px + 10px + 2px);
}
.query-builder .group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14px;
  width: 13px;
}
.query-builder .rule_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .group::before, .query-builder .rule_group--children > .group-or-rule-container > .group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -10.5px;
  width: 9.5px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::before, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group-or-rule::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group--children > .group-or-rule-container:first-child > .rule_group_ext::after, .query-builder .rule_group--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 5px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container:last-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group-or-rule::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 1px 1px;
  top: -1px;
  height: calc(50% + 0.5px + 1px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 1px;
  top: calc(50% + 0.5px);
  height: calc(50% - 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .rule_group_ext--children > .group-or-rule-container > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children) > .group-or-rule-container > .rule_group_ext::after {
  left: -13.5px;
  width: 12.5px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::before {
  display: none;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  border-radius: 4px 0 0 0;
  border-width: 1px 0 0 1px;
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group-or-rule::after {
  top: calc(50% - 0.5px);
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .rule_group_ext--children.hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after,
.query-builder .rule_group_ext--children .group--children:not(.rule_group--children).hide--conjs > .group-or-rule-container:first-child > .rule_group_ext::after {
  height: calc(50% + 0.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container:last-child > .group-or-rule::before {
  border-radius: 0 0 0 4px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-color: #ccc;
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::before, .query-builder .switch_group--children > .group-or-rule-container > .group-or-rule::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before {
  border-width: 0 0 3px 3px;
  top: -3px;
  height: calc(50% + 1.5px + 3px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 6px);
}
.query-builder .switch_group--children > .group-or-rule-container > .group::before, .query-builder .switch_group--children > .group-or-rule-container > .group::after {
  left: -16.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before {
  border-width: 0 0 3px 3px;
  top: -1px;
  height: calc(50% + 1.5px + 1px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  border-width: 0 0 0 3px;
  top: calc(50% + 1.5px);
  height: calc(50% - 1.5px + 10px + 2px);
}
.query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::before, .query-builder .switch_group--children > .group-or-rule-container > .rule_group_ext::after {
  left: -14.5px;
  width: 13.5px;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 2px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11px;
  width: 13px;
}
.query-builder .rule_group_ext > .group--header:not(.no--children):not(.hide--conjs)::before,
.query-builder .rule_group_ext .group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 1px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 11.5px;
  width: 12.5px;
}
.query-builder .switch_group > .group--header:not(.no--children):not(.hide--conjs)::before {
  border-color: #ccc;
  border-width: 0 0 0 3px;
  top: 20px;
  height: calc(100% + 10px - 20px);
  left: 10.5px;
  width: 13.5px;
}
.query-builder .qb-draggable::before, .query-builder .qb-draggable::after {
  display: none;
}
.query-builder .group--header,
.query-builder .group--footer {
  display: flex;
  align-items: stretch;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group-or-rule-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.query-builder .group-or-rule-container:first-child {
  margin-top: 0px !important;
}
.query-builder .group-or-rule-container:last-child {
  margin-bottom: 0px !important;
}
.query-builder .group--drag-handler {
  margin-right: 8px;
  margin-top: 3px;
  position: relative;
  align-self: center;
}
.query-builder .group--conjunctions {
  flex-shrink: 0;
  display: flex;
}
.query-builder .group--conjunctions .group--drag-handler {
  margin-left: 10px;
}
.query-builder .group--children {
  padding-left: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .group--children .group--field--count--rule {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.query-builder .group--conjunctions.hide--conj {
  opacity: 0.3;
}
.query-builder .group--actions {
  align-self: center;
  margin-left: 10px;
  flex: 1;
  display: flex;
}
.query-builder .group--actions--tl, .query-builder .group--actions--bl {
  justify-content: flex-start;
}
.query-builder .group--actions--tl {
  margin-left: 20px;
}
.query-builder .group--actions--tc, .query-builder .group--actions--bc {
  justify-content: center;
}
.query-builder .group--actions--tr, .query-builder .group--actions--br {
  justify-content: flex-end;
}
.query-builder .case_group {
  border-width: 3px;
}
.query-builder .case_group .case_group--body {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
}
.query-builder .case_group .case_group--body .case_group--children {
  flex: auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.query-builder .case_group .case_group--value {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .rule_group {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
}
.query-builder .rule_group .group--field {
  margin-top: 10px;
  margin-bottom: 10px;
  align-self: center;
}
.query-builder .rule_group .group--actions {
  margin-left: 10px;
  align-self: center;
  flex: 0;
}
.query-builder .rule_group .rule_group--children {
  flex: 1;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 18px;
}
.query-builder .rule_group .rule_group--children .group-or-rule-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding-right: 5px;
}
.query-builder .rule_group .rule_group--children.one--child {
  padding-left: 9px;
}
.query-builder .rule_group_ext > .group--header .group--actions {
  flex: none;
}
.query-builder .group--header.hide--drag.with--conjs > .group--field--count--rule {
  margin-left: 20px;
}
.query-builder .rule {
  flex: 1;
  display: flex;
}
.query-builder .rule--header {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.query-builder .rule--drag-handler {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.query-builder .rule--field, .query-builder .rule--fieldsrc, .query-builder .group--field, .query-builder .rule--operator, .query-builder .rule--value, .query-builder .rule--operator-options, .query-builder .rule--widget, .query-builder .widget--widget, .query-builder .widget--valuesrc, .query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--before-widget, .query-builder .rule--after-widget {
  display: inline-block;
}
.query-builder .widget--sep, .query-builder .operator--options--sep, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep {
  vertical-align: bottom;
  align-self: flex-end;
  margin-bottom: 3px;
}
.query-builder .rule--func--arg-sep {
  margin-bottom: -2px;
}
.query-builder .widget--sep {
  margin-left: 10px;
  margin-right: 10px;
}
.query-builder .widget--sep.widget--sep-first {
  margin-right: 10px;
  margin-left: 0;
}
.query-builder .rule--operator {
  margin-left: 20px;
  margin-right: 20px;
}
.query-builder .operator--options--sep {
  margin-right: 10px;
}
.query-builder .rule--func--arg-sep {
  margin-left: 3px;
  margin-right: 6px;
}
.query-builder .rule--func--bracket-after {
  margin-left: 5px;
  margin-right: 2px;
}
.query-builder .rule--func--bracket-before {
  margin-left: 5px;
  margin-right: 5px;
}
.query-builder .widget--valuesrc {
  vertical-align: top;
}
.query-builder .rule--fieldsrc {
  vertical-align: top;
}
.query-builder .operator--options {
  display: flex;
}
.query-builder .rule--operator-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.query-builder .rule--operator-text-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.query-builder div.tooltip-inner {
  max-width: 500px;
}
.query-builder .rule--label {
  display: block;
  font-weight: bold;
}
.query-builder .rule--func--wrapper, .query-builder .rule--func, .query-builder .rule--func--args, .query-builder .rule--func--arg, .query-builder .rule--func--arg-value, .query-builder .rule--func--bracket-before, .query-builder .rule--func--bracket-after, .query-builder .rule--func--arg-sep, .query-builder .rule--func--arg-label, .query-builder .rule--func--arg-label-sep {
  display: inline-block;
}
.query-builder .rule--func--wrapper {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--args {
  display: flex;
  flex-wrap: wrap;
}
.query-builder .rule--func--arg {
  display: flex;
}
.query-builder .rule--field-wrapper,
.query-builder .rule--field--func,
.query-builder .rule--func--wrapper,
.query-builder .rule--func--args,
.query-builder .rule--func--arg,
.query-builder .rule--func--arg-value,
.query-builder .rule--func--arg-value > .rule--widget,
.query-builder .widget--func {
  display: contents;
}
.query-builder .rule--func, .query-builder .widget--widget {
  margin-bottom: 2px;
}
.query-builder .rule--body--wrapper {
  margin-bottom: -2px;
}
.query-builder .rule--body.can--shrink--value .rule--value {
  flex: 1;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget {
  width: 100%;
  display: flex;
}
.query-builder .rule--body.can--shrink--value .rule--value > .rule--widget .widget--widget {
  flex: 1;
}

/******************************************************************************/
/** Minimalism ****************************************************************/
/******************************************************************************/
.query-builder.qb-lite .group--drag-handler, .query-builder.qb-lite .group--actions {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .group--header:hover .group--header .group--drag-handler, .query-builder.qb-lite .group--header:hover .group--header .group--actions,
.query-builder.qb-lite .group--header:not(:hover) .group--drag-handler,
.query-builder.qb-lite .group--header:not(:hover) .group--actions,
.query-builder.qb-lite .rule_group:not(:hover) .group--drag-handler,
.query-builder.qb-lite .rule_group:not(:hover) .group--actions {
  opacity: 0;
}
.query-builder.qb-lite .rule--fieldsrc, .query-builder.qb-lite .widget--valuesrc, .query-builder.qb-lite .rule--drag-handler, .query-builder.qb-lite .rule--header {
  transition: opacity 0.2s;
}
.query-builder.qb-lite .rule:hover .rule .rule--fieldsrc, .query-builder.qb-lite .rule:hover .rule .widget--valuesrc, .query-builder.qb-lite .rule:hover .rule .rule--drag-handler, .query-builder.qb-lite .rule:hover .rule .rule--header,
.query-builder.qb-lite .rule:not(:hover) .rule--fieldsrc,
.query-builder.qb-lite .rule:not(:hover) .widget--valuesrc,
.query-builder.qb-lite .rule:not(:hover) .rule--drag-handler,
.query-builder.qb-lite .rule:not(:hover) .rule--header {
  opacity: 0;
}
.query-builder.qb-lite.qb-dragging .rule--fieldsrc, .query-builder.qb-lite.qb-dragging .widget--valuesrc, .query-builder.qb-lite.qb-dragging .rule--drag-handler, .query-builder.qb-lite.qb-dragging .rule--header, .query-builder.qb-lite.qb-dragging .group--drag-handler, .query-builder.qb-lite.qb-dragging .group--actions {
  opacity: 0 !important;
}
/* base styles */

._GzYRV {
  line-height: 1.2;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

._3eOF8 {
  margin-right: 5px;
  font-weight: bold;
}

._3eOF8 + ._3eOF8 {
  margin-left: -5px;
}

._1MFti {
  cursor: pointer;
}

._f10Tu {
  font-size: 1.2em;
  margin-right: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._1UmXx::after {
  content: '\25B8';
}

._1LId0::after {
  content: '\25BE';
}

._1pNG9 {
  margin-right: 5px;
}

._1pNG9::after {
  content: '...';
  font-size: 0.8em;
}

._2IvMF {
  background: #eee;
}

._2bkNM {
  margin: 0 10px;
  padding: 0;
}

/* default light style */
._1MGIk {
  font-weight: 600;
  margin-right: 5px;
  color: #000000;
}

._2YKJg {
}

._3uHL6 {
  color: #000000;
}

._2T6PJ {
  color: #df113a;
}

._1Gho6 {
  color: #df113a;
}

._vGjyY {
  color: rgb(42, 63, 60);
}

._1bQdo {
  color: #0b75f5;
}

._3zQKs {
  color: rgb(70, 144, 56);
}

._1xvuR {
  color: #43413d;
}

._oLqym {
  color: #000000;
}

._2AXVT {
  color: #000000;
}

._2KJWg {
  color: #000000;
}

/* default dark style */
._11RoI {
  background: rgb(0, 43, 54);
}

._17H2C {
  color: rgb(253, 246, 227);
}

._3QHg2 {
  color: rgb(253, 246, 227);
}

._3fDAz {
  color: rgb(253, 246, 227);
}

._2bSDX {
  font-weight: bolder;
  margin-right: 5px;
  color: rgb(253, 246, 227);
}

._1RQEj {
}

._gsbQL {
  color: rgb(253, 246, 227);
}

._LaAZe {
  color: rgb(129, 181, 172);
}

._GTKgm {
  color: rgb(129, 181, 172);
}

._Chy1W {
  color: rgb(203, 75, 22);
}

._2bveF {
  color: rgb(211, 54, 130);
}

._2vRm- {
  color: rgb(174, 129, 255);
}

._1prJR {
  color: rgb(38, 139, 210);
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}

[href] {
  text-decoration: underline;
  color: #3db4c9;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(-50vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(50vw);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50vw);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50vw);
    opacity: 0;
  }
}
@keyframes widthGrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthShrink {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes damageHealingMiss {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  5% {
    transform: translateX(-50%) translateY(0) scale(1.2);
    opacity: 1;
  }
  10% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  30% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
  }
  90% {
    transform: translateX(-50%) translateY(-400%) scale(1);
    opacity: 0;
  }
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes bob {
  0% {
    transform: translateZ(0);
  }
  50% {
    transform: translateZ(5vw);
  }
  100% {
    transform: translateZ(0);
  }
}
@keyframes expandReverse {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes blinkIn {
  0% {
    box-shadow: inset 0 0 25vw 25vw black;
  }
  100% {
    box-shadow: inset 0 0 25vw 2vw black;
  }
}
@keyframes attackSource {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(8vw) rotate(4deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes attackTarget {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(-4vw) rotate(-8deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes glowBlue {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #44b5b9;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #44b5b9;
  }
}
@keyframes glowGreen {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #1d530b;
    background: transparent;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #1d530b;
    background: rgba(29, 83, 11, 0.5);
  }
}
@keyframes glowRed {
  0% {
    box-shadow: 0 0 0.2vw 0.2vw #951f2b;
    background: transparent;
  }
  100% {
    box-shadow: 0 0 0.5vw 0.75vw #951f2b;
    background: rgba(149, 31, 43, 0.5);
  }
}
@keyframes glowSurgeButton {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
@keyframes takeDamage {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes rest {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 0;
  }
  50% {
    transform: translateX(-50%) translateY(-100%) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-200%) scale(2);
    opacity: 0;
  }
}
@keyframes defendSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes buffSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cameraShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.25vw) translateY(-0.25vw);
  }
  20% {
    transform: translateX(0.25vw) translateY(0);
  }
  30% {
    transform: translateX(0.25vw) translateY(0.25vw);
  }
  40% {
    transform: translateX(0) translateY(0.25vw);
  }
  50% {
    transform: translateX(-0.25vw) translateY(0.25vw);
  }
  60% {
    transform: translateX(-0.25vw) translateY(0);
  }
  70% {
    transform: translateX(-0.25vw) translateY(-0.25vw);
  }
  80% {
    transform: translateX(0) translateY(-0.25vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraSurgeShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.75vw) translateY(-0.75vw);
  }
  20% {
    transform: translateX(0.75vw) translateY(0);
  }
  30% {
    transform: translateX(0.75vw) translateY(0.75vw);
  }
  40% {
    transform: translateX(0) translateY(0.75vw);
  }
  50% {
    transform: translateX(-0.75vw) translateY(0.75vw);
  }
  60% {
    transform: translateX(-surgeShake) translateY(0);
  }
  70% {
    transform: translateX(-0.75vw) translateY(-0.75vw);
  }
  80% {
    transform: translateX(0) translateY(-0.75vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flashingHalf {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes focusPulse {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  }
  100% {
    box-shadow: none;
  }
}
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-main {
  background-color: #0d0d0d;
}
.bg-red {
  background-color: #951f2b;
}
.bg-lightRed {
  background-color: #cc3342;
}
.bg-green {
  background-color: #1d530b;
}
.bg-lightGreen {
  background-color: #358919;
}
.bg-blue {
  background-color: #193b54;
}
.bg-lightBlue {
  background-color: #44b5b9;
}
.bg-orange {
  background-color: #d9673d;
}
.bg-lightOrange {
  background-color: #f2a04a;
}
.bg-yellow {
  background-color: #f2ba4a;
}
.bg-purple {
  background-color: #915cdb;
}
.bg-white {
  background-color: #fcfbf9;
}
.bg-black {
  background-color: #000000;
}
.bg-grey {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-font {
  background-color: #888888;
}
.bg-tan {
  background-color: #efe5d9;
}
.bg-brown {
  background-color: #1b1513;
}
.bg-thecall {
  background-color: #a62529;
}
.bg-vanguard {
  background-color: #39466f;
}
.bg-success {
  background-color: #358919;
}
.bg-error {
  background-color: #951f2b;
}
.bg-warning {
  background-color: #d9673d;
}
.bg-info {
  background-color: #44b5b9;
}
.bg-darken-1 {
  background-color: rgba(0, 0, 0, 0.01);
}
.bg-lighten-1 {
  background-color: rgba(255, 255, 255, 0.01);
}
.bg-darken-2 {
  background-color: rgba(0, 0, 0, 0.02);
}
.bg-lighten-2 {
  background-color: rgba(255, 255, 255, 0.02);
}
.bg-darken-3 {
  background-color: rgba(0, 0, 0, 0.03);
}
.bg-lighten-3 {
  background-color: rgba(255, 255, 255, 0.03);
}
.bg-darken-4 {
  background-color: rgba(0, 0, 0, 0.04);
}
.bg-lighten-4 {
  background-color: rgba(255, 255, 255, 0.04);
}
.bg-darken-5 {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-lighten-5 {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-darken-6 {
  background-color: rgba(0, 0, 0, 0.06);
}
.bg-lighten-6 {
  background-color: rgba(255, 255, 255, 0.06);
}
.bg-darken-7 {
  background-color: rgba(0, 0, 0, 0.07);
}
.bg-lighten-7 {
  background-color: rgba(255, 255, 255, 0.07);
}
.bg-darken-8 {
  background-color: rgba(0, 0, 0, 0.08);
}
.bg-lighten-8 {
  background-color: rgba(255, 255, 255, 0.08);
}
.bg-darken-9 {
  background-color: rgba(0, 0, 0, 0.09);
}
.bg-lighten-9 {
  background-color: rgba(255, 255, 255, 0.09);
}
.bg-darken-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-lighten-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-darken-11 {
  background-color: rgba(0, 0, 0, 0.11);
}
.bg-lighten-11 {
  background-color: rgba(255, 255, 255, 0.11);
}
.bg-darken-12 {
  background-color: rgba(0, 0, 0, 0.12);
}
.bg-lighten-12 {
  background-color: rgba(255, 255, 255, 0.12);
}
.bg-darken-13 {
  background-color: rgba(0, 0, 0, 0.13);
}
.bg-lighten-13 {
  background-color: rgba(255, 255, 255, 0.13);
}
.bg-darken-14 {
  background-color: rgba(0, 0, 0, 0.14);
}
.bg-lighten-14 {
  background-color: rgba(255, 255, 255, 0.14);
}
.bg-darken-15 {
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-lighten-15 {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-darken-16 {
  background-color: rgba(0, 0, 0, 0.16);
}
.bg-lighten-16 {
  background-color: rgba(255, 255, 255, 0.16);
}
.bg-darken-17 {
  background-color: rgba(0, 0, 0, 0.17);
}
.bg-lighten-17 {
  background-color: rgba(255, 255, 255, 0.17);
}
.bg-darken-18 {
  background-color: rgba(0, 0, 0, 0.18);
}
.bg-lighten-18 {
  background-color: rgba(255, 255, 255, 0.18);
}
.bg-darken-19 {
  background-color: rgba(0, 0, 0, 0.19);
}
.bg-lighten-19 {
  background-color: rgba(255, 255, 255, 0.19);
}
.bg-darken-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-lighten-20 {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-darken-21 {
  background-color: rgba(0, 0, 0, 0.21);
}
.bg-lighten-21 {
  background-color: rgba(255, 255, 255, 0.21);
}
.bg-darken-22 {
  background-color: rgba(0, 0, 0, 0.22);
}
.bg-lighten-22 {
  background-color: rgba(255, 255, 255, 0.22);
}
.bg-darken-23 {
  background-color: rgba(0, 0, 0, 0.23);
}
.bg-lighten-23 {
  background-color: rgba(255, 255, 255, 0.23);
}
.bg-darken-24 {
  background-color: rgba(0, 0, 0, 0.24);
}
.bg-lighten-24 {
  background-color: rgba(255, 255, 255, 0.24);
}
.bg-darken-25 {
  background-color: rgba(0, 0, 0, 0.25);
}
.bg-lighten-25 {
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-darken-26 {
  background-color: rgba(0, 0, 0, 0.26);
}
.bg-lighten-26 {
  background-color: rgba(255, 255, 255, 0.26);
}
.bg-darken-27 {
  background-color: rgba(0, 0, 0, 0.27);
}
.bg-lighten-27 {
  background-color: rgba(255, 255, 255, 0.27);
}
.bg-darken-28 {
  background-color: rgba(0, 0, 0, 0.28);
}
.bg-lighten-28 {
  background-color: rgba(255, 255, 255, 0.28);
}
.bg-darken-29 {
  background-color: rgba(0, 0, 0, 0.29);
}
.bg-lighten-29 {
  background-color: rgba(255, 255, 255, 0.29);
}
.bg-darken-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-lighten-30 {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-darken-31 {
  background-color: rgba(0, 0, 0, 0.31);
}
.bg-lighten-31 {
  background-color: rgba(255, 255, 255, 0.31);
}
.bg-darken-32 {
  background-color: rgba(0, 0, 0, 0.32);
}
.bg-lighten-32 {
  background-color: rgba(255, 255, 255, 0.32);
}
.bg-darken-33 {
  background-color: rgba(0, 0, 0, 0.33);
}
.bg-lighten-33 {
  background-color: rgba(255, 255, 255, 0.33);
}
.bg-darken-34 {
  background-color: rgba(0, 0, 0, 0.34);
}
.bg-lighten-34 {
  background-color: rgba(255, 255, 255, 0.34);
}
.bg-darken-35 {
  background-color: rgba(0, 0, 0, 0.35);
}
.bg-lighten-35 {
  background-color: rgba(255, 255, 255, 0.35);
}
.bg-darken-36 {
  background-color: rgba(0, 0, 0, 0.36);
}
.bg-lighten-36 {
  background-color: rgba(255, 255, 255, 0.36);
}
.bg-darken-37 {
  background-color: rgba(0, 0, 0, 0.37);
}
.bg-lighten-37 {
  background-color: rgba(255, 255, 255, 0.37);
}
.bg-darken-38 {
  background-color: rgba(0, 0, 0, 0.38);
}
.bg-lighten-38 {
  background-color: rgba(255, 255, 255, 0.38);
}
.bg-darken-39 {
  background-color: rgba(0, 0, 0, 0.39);
}
.bg-lighten-39 {
  background-color: rgba(255, 255, 255, 0.39);
}
.bg-darken-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-lighten-40 {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg-darken-41 {
  background-color: rgba(0, 0, 0, 0.41);
}
.bg-lighten-41 {
  background-color: rgba(255, 255, 255, 0.41);
}
.bg-darken-42 {
  background-color: rgba(0, 0, 0, 0.42);
}
.bg-lighten-42 {
  background-color: rgba(255, 255, 255, 0.42);
}
.bg-darken-43 {
  background-color: rgba(0, 0, 0, 0.43);
}
.bg-lighten-43 {
  background-color: rgba(255, 255, 255, 0.43);
}
.bg-darken-44 {
  background-color: rgba(0, 0, 0, 0.44);
}
.bg-lighten-44 {
  background-color: rgba(255, 255, 255, 0.44);
}
.bg-darken-45 {
  background-color: rgba(0, 0, 0, 0.45);
}
.bg-lighten-45 {
  background-color: rgba(255, 255, 255, 0.45);
}
.bg-darken-46 {
  background-color: rgba(0, 0, 0, 0.46);
}
.bg-lighten-46 {
  background-color: rgba(255, 255, 255, 0.46);
}
.bg-darken-47 {
  background-color: rgba(0, 0, 0, 0.47);
}
.bg-lighten-47 {
  background-color: rgba(255, 255, 255, 0.47);
}
.bg-darken-48 {
  background-color: rgba(0, 0, 0, 0.48);
}
.bg-lighten-48 {
  background-color: rgba(255, 255, 255, 0.48);
}
.bg-darken-49 {
  background-color: rgba(0, 0, 0, 0.49);
}
.bg-lighten-49 {
  background-color: rgba(255, 255, 255, 0.49);
}
.bg-darken-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-lighten-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-darken-51 {
  background-color: rgba(0, 0, 0, 0.51);
}
.bg-lighten-51 {
  background-color: rgba(255, 255, 255, 0.51);
}
.bg-darken-52 {
  background-color: rgba(0, 0, 0, 0.52);
}
.bg-lighten-52 {
  background-color: rgba(255, 255, 255, 0.52);
}
.bg-darken-53 {
  background-color: rgba(0, 0, 0, 0.53);
}
.bg-lighten-53 {
  background-color: rgba(255, 255, 255, 0.53);
}
.bg-darken-54 {
  background-color: rgba(0, 0, 0, 0.54);
}
.bg-lighten-54 {
  background-color: rgba(255, 255, 255, 0.54);
}
.bg-darken-55 {
  background-color: rgba(0, 0, 0, 0.55);
}
.bg-lighten-55 {
  background-color: rgba(255, 255, 255, 0.55);
}
.bg-darken-56 {
  background-color: rgba(0, 0, 0, 0.56);
}
.bg-lighten-56 {
  background-color: rgba(255, 255, 255, 0.56);
}
.bg-darken-57 {
  background-color: rgba(0, 0, 0, 0.57);
}
.bg-lighten-57 {
  background-color: rgba(255, 255, 255, 0.57);
}
.bg-darken-58 {
  background-color: rgba(0, 0, 0, 0.58);
}
.bg-lighten-58 {
  background-color: rgba(255, 255, 255, 0.58);
}
.bg-darken-59 {
  background-color: rgba(0, 0, 0, 0.59);
}
.bg-lighten-59 {
  background-color: rgba(255, 255, 255, 0.59);
}
.bg-darken-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-lighten-60 {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg-darken-61 {
  background-color: rgba(0, 0, 0, 0.61);
}
.bg-lighten-61 {
  background-color: rgba(255, 255, 255, 0.61);
}
.bg-darken-62 {
  background-color: rgba(0, 0, 0, 0.62);
}
.bg-lighten-62 {
  background-color: rgba(255, 255, 255, 0.62);
}
.bg-darken-63 {
  background-color: rgba(0, 0, 0, 0.63);
}
.bg-lighten-63 {
  background-color: rgba(255, 255, 255, 0.63);
}
.bg-darken-64 {
  background-color: rgba(0, 0, 0, 0.64);
}
.bg-lighten-64 {
  background-color: rgba(255, 255, 255, 0.64);
}
.bg-darken-65 {
  background-color: rgba(0, 0, 0, 0.65);
}
.bg-lighten-65 {
  background-color: rgba(255, 255, 255, 0.65);
}
.bg-darken-66 {
  background-color: rgba(0, 0, 0, 0.66);
}
.bg-lighten-66 {
  background-color: rgba(255, 255, 255, 0.66);
}
.bg-darken-67 {
  background-color: rgba(0, 0, 0, 0.67);
}
.bg-lighten-67 {
  background-color: rgba(255, 255, 255, 0.67);
}
.bg-darken-68 {
  background-color: rgba(0, 0, 0, 0.68);
}
.bg-lighten-68 {
  background-color: rgba(255, 255, 255, 0.68);
}
.bg-darken-69 {
  background-color: rgba(0, 0, 0, 0.69);
}
.bg-lighten-69 {
  background-color: rgba(255, 255, 255, 0.69);
}
.bg-darken-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-lighten-70 {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-darken-71 {
  background-color: rgba(0, 0, 0, 0.71);
}
.bg-lighten-71 {
  background-color: rgba(255, 255, 255, 0.71);
}
.bg-darken-72 {
  background-color: rgba(0, 0, 0, 0.72);
}
.bg-lighten-72 {
  background-color: rgba(255, 255, 255, 0.72);
}
.bg-darken-73 {
  background-color: rgba(0, 0, 0, 0.73);
}
.bg-lighten-73 {
  background-color: rgba(255, 255, 255, 0.73);
}
.bg-darken-74 {
  background-color: rgba(0, 0, 0, 0.74);
}
.bg-lighten-74 {
  background-color: rgba(255, 255, 255, 0.74);
}
.bg-darken-75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-lighten-75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-darken-76 {
  background-color: rgba(0, 0, 0, 0.76);
}
.bg-lighten-76 {
  background-color: rgba(255, 255, 255, 0.76);
}
.bg-darken-77 {
  background-color: rgba(0, 0, 0, 0.77);
}
.bg-lighten-77 {
  background-color: rgba(255, 255, 255, 0.77);
}
.bg-darken-78 {
  background-color: rgba(0, 0, 0, 0.78);
}
.bg-lighten-78 {
  background-color: rgba(255, 255, 255, 0.78);
}
.bg-darken-79 {
  background-color: rgba(0, 0, 0, 0.79);
}
.bg-lighten-79 {
  background-color: rgba(255, 255, 255, 0.79);
}
.bg-darken-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-lighten-80 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-darken-81 {
  background-color: rgba(0, 0, 0, 0.81);
}
.bg-lighten-81 {
  background-color: rgba(255, 255, 255, 0.81);
}
.bg-darken-82 {
  background-color: rgba(0, 0, 0, 0.82);
}
.bg-lighten-82 {
  background-color: rgba(255, 255, 255, 0.82);
}
.bg-darken-83 {
  background-color: rgba(0, 0, 0, 0.83);
}
.bg-lighten-83 {
  background-color: rgba(255, 255, 255, 0.83);
}
.bg-darken-84 {
  background-color: rgba(0, 0, 0, 0.84);
}
.bg-lighten-84 {
  background-color: rgba(255, 255, 255, 0.84);
}
.bg-darken-85 {
  background-color: rgba(0, 0, 0, 0.85);
}
.bg-lighten-85 {
  background-color: rgba(255, 255, 255, 0.85);
}
.bg-darken-86 {
  background-color: rgba(0, 0, 0, 0.86);
}
.bg-lighten-86 {
  background-color: rgba(255, 255, 255, 0.86);
}
.bg-darken-87 {
  background-color: rgba(0, 0, 0, 0.87);
}
.bg-lighten-87 {
  background-color: rgba(255, 255, 255, 0.87);
}
.bg-darken-88 {
  background-color: rgba(0, 0, 0, 0.88);
}
.bg-lighten-88 {
  background-color: rgba(255, 255, 255, 0.88);
}
.bg-darken-89 {
  background-color: rgba(0, 0, 0, 0.89);
}
.bg-lighten-89 {
  background-color: rgba(255, 255, 255, 0.89);
}
.bg-darken-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-lighten-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-darken-91 {
  background-color: rgba(0, 0, 0, 0.91);
}
.bg-lighten-91 {
  background-color: rgba(255, 255, 255, 0.91);
}
.bg-darken-92 {
  background-color: rgba(0, 0, 0, 0.92);
}
.bg-lighten-92 {
  background-color: rgba(255, 255, 255, 0.92);
}
.bg-darken-93 {
  background-color: rgba(0, 0, 0, 0.93);
}
.bg-lighten-93 {
  background-color: rgba(255, 255, 255, 0.93);
}
.bg-darken-94 {
  background-color: rgba(0, 0, 0, 0.94);
}
.bg-lighten-94 {
  background-color: rgba(255, 255, 255, 0.94);
}
.bg-darken-95 {
  background-color: rgba(0, 0, 0, 0.95);
}
.bg-lighten-95 {
  background-color: rgba(255, 255, 255, 0.95);
}
.bg-darken-96 {
  background-color: rgba(0, 0, 0, 0.96);
}
.bg-lighten-96 {
  background-color: rgba(255, 255, 255, 0.96);
}
.bg-darken-97 {
  background-color: rgba(0, 0, 0, 0.97);
}
.bg-lighten-97 {
  background-color: rgba(255, 255, 255, 0.97);
}
.bg-darken-98 {
  background-color: rgba(0, 0, 0, 0.98);
}
.bg-lighten-98 {
  background-color: rgba(255, 255, 255, 0.98);
}
.bg-darken-99 {
  background-color: rgba(0, 0, 0, 0.99);
}
.bg-lighten-99 {
  background-color: rgba(255, 255, 255, 0.99);
}
.bg-darken-100 {
  background-color: black;
}
.bg-lighten-100 {
  background-color: white;
}
.darken {
  background: rgba(0, 0, 0, 0.2);
}
.lighten {
  background: rgba(255, 255, 255, 0.2);
}
.darken-1 {
  background: rgba(0, 0, 0, 0.1);
}
.lighten-1 {
  background: rgba(255, 255, 255, 0.1);
}
.darken-2 {
  background: rgba(0, 0, 0, 0.2);
}
.lighten-2 {
  background: rgba(255, 255, 255, 0.2);
}
.darken-3 {
  background: rgba(0, 0, 0, 0.3);
}
.lighten-3 {
  background: rgba(255, 255, 255, 0.3);
}
.darken-4 {
  background: rgba(0, 0, 0, 0.4);
}
.lighten-4 {
  background: rgba(255, 255, 255, 0.4);
}
.darken-5 {
  background: rgba(0, 0, 0, 0.5);
}
.lighten-5 {
  background: rgba(255, 255, 255, 0.5);
}
.darken-6 {
  background: rgba(0, 0, 0, 0.6);
}
.lighten-6 {
  background: rgba(255, 255, 255, 0.6);
}
.darken-7 {
  background: rgba(0, 0, 0, 0.7);
}
.lighten-7 {
  background: rgba(255, 255, 255, 0.7);
}
.darken-8 {
  background: rgba(0, 0, 0, 0.8);
}
.lighten-8 {
  background: rgba(255, 255, 255, 0.8);
}
.darken-9 {
  background: rgba(0, 0, 0, 0.9);
}
.lighten-9 {
  background: rgba(255, 255, 255, 0.9);
}
.panel-background {
  background: rgba(22, 18, 15, 0.95);
}
.panel-header-background {
  background: rgba(30, 24, 20, 0.95);
}
.panel-footer-background {
  background: rgba(30, 24, 20, 0.95);
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99;
  transition: ease all 0.2s;
  opacity: 1;
}
.overlay.opacity-0 {
  z-index: -1;
}
.overlay > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bg-gradient-overlay-red {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #951f2b);
}
.bg-gradient-overlay-from-red {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#951f2b, transparent);
}
.bg-gradient-overlay-lightRed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #cc3342);
}
.bg-gradient-overlay-from-lightRed {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#cc3342, transparent);
}
.bg-gradient-overlay-green {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #1d530b);
}
.bg-gradient-overlay-from-green {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#1d530b, transparent);
}
.bg-gradient-overlay-lightGreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #358919);
}
.bg-gradient-overlay-from-lightGreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#358919, transparent);
}
.bg-gradient-overlay-blue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #193b54);
}
.bg-gradient-overlay-from-blue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#193b54, transparent);
}
.bg-gradient-overlay-lightBlue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #44b5b9);
}
.bg-gradient-overlay-from-lightBlue {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#44b5b9, transparent);
}
.bg-gradient-overlay-orange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #d9673d);
}
.bg-gradient-overlay-from-orange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#d9673d, transparent);
}
.bg-gradient-overlay-lightOrange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #f2a04a);
}
.bg-gradient-overlay-from-lightOrange {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#f2a04a, transparent);
}
.bg-gradient-overlay-yellow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #f2ba4a);
}
.bg-gradient-overlay-from-yellow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#f2ba4a, transparent);
}
.bg-gradient-overlay-purple {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #915cdb);
}
.bg-gradient-overlay-from-purple {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#915cdb, transparent);
}
.bg-gradient-overlay-white {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #fcfbf9);
}
.bg-gradient-overlay-from-white {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fcfbf9, transparent);
}
.bg-gradient-overlay-black {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #000000);
}
.bg-gradient-overlay-from-black {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#000000, transparent);
}
.bg-gradient-overlay-grey {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.bg-gradient-overlay-from-grey {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.bg-gradient-overlay-font {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #888888);
}
.bg-gradient-overlay-from-font {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#888888, transparent);
}
.bg-gradient-overlay-tan {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #efe5d9);
}
.bg-gradient-overlay-from-tan {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#efe5d9, transparent);
}
.bg-gradient-overlay-brown {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #1b1513);
}
.bg-gradient-overlay-from-brown {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#1b1513, transparent);
}
.bg-gradient-overlay-thecall {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #a62529);
}
.bg-gradient-overlay-from-thecall {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a62529, transparent);
}
.bg-gradient-overlay-vanguard {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #39466f);
}
.bg-gradient-overlay-from-vanguard {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#39466f, transparent);
}
.bg-gradient-overlay-success {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #358919);
}
.bg-gradient-overlay-from-success {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#358919, transparent);
}
.bg-gradient-overlay-error {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #951f2b);
}
.bg-gradient-overlay-from-error {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#951f2b, transparent);
}
.bg-gradient-overlay-warning {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #d9673d);
}
.bg-gradient-overlay-from-warning {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#d9673d, transparent);
}
.bg-gradient-overlay-info {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #44b5b9);
}
.bg-gradient-overlay-from-info {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#44b5b9, transparent);
}
.overlay-gradient {
  position: absolute;
}
.overlay-gradient.top:not(.bottom) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.bottom:not(.top) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.left:not(.right) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.overlay-gradient.right:not(.left) {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.9) 20%, transparent);
}
.radial-glow {
  display: inline-block;
  background: radial-gradient(rgba(72, 56, 51, 0.8), transparent 70%);
  background-size: contain;
}
html {
  background: #0d0d0d;
}
body {
  color: white;
  font-family: "Roboto", serif;
  font-size: 14px;
  margin: 0;
}
@media (max-width: 480px) {
  body {
    font-size: 12px;
  }
}
#root {
  position: relative;
  z-index: 0;
}
#app {
  display: flex;
}
#main {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  z-index: 0;
  min-width: 0;
  transition: ease all 0.2s;
}
.sidebar {
  width: 280px;
  z-index: 1;
  height: calc(100dvh - 56px);
  display: flex;
  flex-direction: column;
  margin-top: 56px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}
.sidebar .menu {
  overflow-y: auto;
}
.app-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-loaded .app-spinner {
  display: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-y {
  overflow-y: auto;
}
.overflow-x {
  overflow-x: auto;
}
.square {
  border-radius: 0 !important;
}
.square-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.square-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.square-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.square-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.square-top-left {
  border-top-left-radius: 0 !important;
}
.square-top-right {
  border-top-right-radius: 0 !important;
}
.square-bottom-left {
  border-bottom-left-radius: 0 !important;
}
.square-bottom-right {
  border-bottom-right-radius: 0 !important;
}
.round {
  border-radius: 0.2em !important;
}
.round-top {
  border-top-left-radius: 0.2em !important;
  border-top-right-radius: 0.2em !important;
}
.round-right {
  border-top-right-radius: 0.2em !important;
  border-bottom-right-radius: 0.2em !important;
}
.round-bottom {
  border-bottom-left-radius: 0.2em !important;
  border-bottom-right-radius: 0.2em !important;
}
.round-left {
  border-top-left-radius: 0.2em !important;
  border-bottom-left-radius: 0.2em !important;
}
.round-top-left {
  border-top-left-radius: 0.2em !important;
}
.round-top-right {
  border-top-right-radius: 0.2em !important;
}
.round-bottom-left {
  border-bottom-left-radius: 0.2em !important;
}
.round-bottom-right {
  border-bottom-right-radius: 0.2em !important;
}
.rounded {
  border-radius: 999px !important;
}
.rounded-top {
  border-top-left-radius: 999px !important;
  border-top-right-radius: 999px !important;
}
.rounded-right {
  border-top-right-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}
.rounded-left {
  border-top-left-radius: 999px !important;
  border-bottom-left-radius: 999px !important;
}
.rounded-top-left {
  border-top-left-radius: 999px !important;
}
.rounded-top-right {
  border-top-right-radius: 999px !important;
}
.rounded-bottom-left {
  border-bottom-left-radius: 999px !important;
}
.rounded-bottom-right {
  border-bottom-right-radius: 999px !important;
}
.opacity-0,
.o-0 {
  opacity: 0;
}
.opacity-1,
.o-1 {
  opacity: 0.1;
}
.opacity-2,
.o-2 {
  opacity: 0.2;
}
.opacity-3,
.o-3 {
  opacity: 0.3;
}
.opacity-4,
.o-4 {
  opacity: 0.4;
}
.opacity-5,
.o-5 {
  opacity: 0.5;
}
.opacity-6,
.o-6 {
  opacity: 0.6;
}
.opacity-7,
.o-7 {
  opacity: 0.7;
}
.opacity-8,
.o-8 {
  opacity: 0.8;
}
.opacity-9,
.o-9 {
  opacity: 0.9;
}
.opacity-10,
.o-10 {
  opacity: 1;
}
.border {
  border: 1px solid rgba(229, 179, 92, 0.3);
}
.border-top {
  border-top: 1px solid rgba(229, 179, 92, 0.3);
}
.border-right {
  border-right: 1px solid rgba(229, 179, 92, 0.3);
}
.border-bottom {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.border-left {
  border-left: 1px solid rgba(229, 179, 92, 0.3);
}
.border-darken {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.border-lighten {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.border-top-darken {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-top-lighten {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-right-darken {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right-lighten {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.border-bottom-darken {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom-lighten {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.border-left-darken {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left-lighten {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.border-darken-1 {
  border: 1px solid rgba(0, 0, 0, 0.01);
}
.border-lighten-1 {
  border: 1px solid rgba(255, 255, 255, 0.01);
}
.border-top-darken-1 {
  border-top: 1px solid rgba(0, 0, 0, 0.01);
}
.border-top-lighten-1 {
  border-top: 1px solid rgba(255, 255, 255, 0.01);
}
.border-right-darken-1 {
  border-right: 1px solid rgba(0, 0, 0, 0.01);
}
.border-right-lighten-1 {
  border-right: 1px solid rgba(255, 255, 255, 0.01);
}
.border-bottom-darken-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.01);
}
.border-bottom-lighten-1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.01);
}
.border-left-darken-1 {
  border-left: 1px solid rgba(0, 0, 0, 0.01);
}
.border-left-lighten-1 {
  border-left: 1px solid rgba(255, 255, 255, 0.01);
}
.border-darken-2 {
  border: 1px solid rgba(0, 0, 0, 0.02);
}
.border-lighten-2 {
  border: 1px solid rgba(255, 255, 255, 0.02);
}
.border-top-darken-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.02);
}
.border-top-lighten-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.02);
}
.border-right-darken-2 {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.border-right-lighten-2 {
  border-right: 1px solid rgba(255, 255, 255, 0.02);
}
.border-bottom-darken-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}
.border-bottom-lighten-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
.border-left-darken-2 {
  border-left: 1px solid rgba(0, 0, 0, 0.02);
}
.border-left-lighten-2 {
  border-left: 1px solid rgba(255, 255, 255, 0.02);
}
.border-darken-3 {
  border: 1px solid rgba(0, 0, 0, 0.03);
}
.border-lighten-3 {
  border: 1px solid rgba(255, 255, 255, 0.03);
}
.border-top-darken-3 {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.border-top-lighten-3 {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}
.border-right-darken-3 {
  border-right: 1px solid rgba(0, 0, 0, 0.03);
}
.border-right-lighten-3 {
  border-right: 1px solid rgba(255, 255, 255, 0.03);
}
.border-bottom-darken-3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.border-bottom-lighten-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.border-left-darken-3 {
  border-left: 1px solid rgba(0, 0, 0, 0.03);
}
.border-left-lighten-3 {
  border-left: 1px solid rgba(255, 255, 255, 0.03);
}
.border-darken-4 {
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.border-lighten-4 {
  border: 1px solid rgba(255, 255, 255, 0.04);
}
.border-top-darken-4 {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.border-top-lighten-4 {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.border-right-darken-4 {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.border-right-lighten-4 {
  border-right: 1px solid rgba(255, 255, 255, 0.04);
}
.border-bottom-darken-4 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.border-bottom-lighten-4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.border-left-darken-4 {
  border-left: 1px solid rgba(0, 0, 0, 0.04);
}
.border-left-lighten-4 {
  border-left: 1px solid rgba(255, 255, 255, 0.04);
}
.border-darken-5 {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.border-lighten-5 {
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.border-top-darken-5 {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.border-top-lighten-5 {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.border-right-darken-5 {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.border-right-lighten-5 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.border-bottom-darken-5 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.border-bottom-lighten-5 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.border-left-darken-5 {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.border-left-lighten-5 {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.border-darken-6 {
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.border-lighten-6 {
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.border-top-darken-6 {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.border-top-lighten-6 {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.border-right-darken-6 {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.border-right-lighten-6 {
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.border-bottom-darken-6 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.border-bottom-lighten-6 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.border-left-darken-6 {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.border-left-lighten-6 {
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.border-darken-7 {
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.border-lighten-7 {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.border-top-darken-7 {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.border-top-lighten-7 {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.border-right-darken-7 {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.border-right-lighten-7 {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.border-bottom-darken-7 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.border-bottom-lighten-7 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.border-left-darken-7 {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.border-left-lighten-7 {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.border-darken-8 {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.border-lighten-8 {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.border-top-darken-8 {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.border-top-lighten-8 {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.border-right-darken-8 {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.border-right-lighten-8 {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.border-bottom-darken-8 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.border-bottom-lighten-8 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.border-left-darken-8 {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.border-left-lighten-8 {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.border-darken-9 {
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.border-lighten-9 {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.border-top-darken-9 {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.border-top-lighten-9 {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.border-right-darken-9 {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
}
.border-right-lighten-9 {
  border-right: 1px solid rgba(255, 255, 255, 0.09);
}
.border-bottom-darken-9 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.border-bottom-lighten-9 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.border-left-darken-9 {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.border-left-lighten-9 {
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.border-darken-10 {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.border-lighten-10 {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.border-top-darken-10 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-top-lighten-10 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-right-darken-10 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right-lighten-10 {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.border-bottom-darken-10 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-bottom-lighten-10 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.border-left-darken-10 {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left-lighten-10 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.border-darken-11 {
  border: 1px solid rgba(0, 0, 0, 0.11);
}
.border-lighten-11 {
  border: 1px solid rgba(255, 255, 255, 0.11);
}
.border-top-darken-11 {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}
.border-top-lighten-11 {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}
.border-right-darken-11 {
  border-right: 1px solid rgba(0, 0, 0, 0.11);
}
.border-right-lighten-11 {
  border-right: 1px solid rgba(255, 255, 255, 0.11);
}
.border-bottom-darken-11 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.border-bottom-lighten-11 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}
.border-left-darken-11 {
  border-left: 1px solid rgba(0, 0, 0, 0.11);
}
.border-left-lighten-11 {
  border-left: 1px solid rgba(255, 255, 255, 0.11);
}
.border-darken-12 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.border-lighten-12 {
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.border-top-darken-12 {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.border-top-lighten-12 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.border-right-darken-12 {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.border-right-lighten-12 {
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.border-bottom-darken-12 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.border-bottom-lighten-12 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.border-left-darken-12 {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.border-left-lighten-12 {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.border-darken-13 {
  border: 1px solid rgba(0, 0, 0, 0.13);
}
.border-lighten-13 {
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.border-top-darken-13 {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.border-top-lighten-13 {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}
.border-right-darken-13 {
  border-right: 1px solid rgba(0, 0, 0, 0.13);
}
.border-right-lighten-13 {
  border-right: 1px solid rgba(255, 255, 255, 0.13);
}
.border-bottom-darken-13 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.border-bottom-lighten-13 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.border-left-darken-13 {
  border-left: 1px solid rgba(0, 0, 0, 0.13);
}
.border-left-lighten-13 {
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}
.border-darken-14 {
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.border-lighten-14 {
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.border-top-darken-14 {
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.border-top-lighten-14 {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.border-right-darken-14 {
  border-right: 1px solid rgba(0, 0, 0, 0.14);
}
.border-right-lighten-14 {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.border-bottom-darken-14 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.border-bottom-lighten-14 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.border-left-darken-14 {
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.border-left-lighten-14 {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.border-darken-15 {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.border-lighten-15 {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.border-top-darken-15 {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.border-top-lighten-15 {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.border-right-darken-15 {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.border-right-lighten-15 {
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.border-bottom-darken-15 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.border-bottom-lighten-15 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.border-left-darken-15 {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.border-left-lighten-15 {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.border-darken-16 {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.border-lighten-16 {
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.border-top-darken-16 {
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.border-top-lighten-16 {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.border-right-darken-16 {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}
.border-right-lighten-16 {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.border-bottom-darken-16 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.border-bottom-lighten-16 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.border-left-darken-16 {
  border-left: 1px solid rgba(0, 0, 0, 0.16);
}
.border-left-lighten-16 {
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}
.border-darken-17 {
  border: 1px solid rgba(0, 0, 0, 0.17);
}
.border-lighten-17 {
  border: 1px solid rgba(255, 255, 255, 0.17);
}
.border-top-darken-17 {
  border-top: 1px solid rgba(0, 0, 0, 0.17);
}
.border-top-lighten-17 {
  border-top: 1px solid rgba(255, 255, 255, 0.17);
}
.border-right-darken-17 {
  border-right: 1px solid rgba(0, 0, 0, 0.17);
}
.border-right-lighten-17 {
  border-right: 1px solid rgba(255, 255, 255, 0.17);
}
.border-bottom-darken-17 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.17);
}
.border-bottom-lighten-17 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.border-left-darken-17 {
  border-left: 1px solid rgba(0, 0, 0, 0.17);
}
.border-left-lighten-17 {
  border-left: 1px solid rgba(255, 255, 255, 0.17);
}
.border-darken-18 {
  border: 1px solid rgba(0, 0, 0, 0.18);
}
.border-lighten-18 {
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.border-top-darken-18 {
  border-top: 1px solid rgba(0, 0, 0, 0.18);
}
.border-top-lighten-18 {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.border-right-darken-18 {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.border-right-lighten-18 {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.border-bottom-darken-18 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.border-bottom-lighten-18 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.border-left-darken-18 {
  border-left: 1px solid rgba(0, 0, 0, 0.18);
}
.border-left-lighten-18 {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.border-darken-19 {
  border: 1px solid rgba(0, 0, 0, 0.19);
}
.border-lighten-19 {
  border: 1px solid rgba(255, 255, 255, 0.19);
}
.border-top-darken-19 {
  border-top: 1px solid rgba(0, 0, 0, 0.19);
}
.border-top-lighten-19 {
  border-top: 1px solid rgba(255, 255, 255, 0.19);
}
.border-right-darken-19 {
  border-right: 1px solid rgba(0, 0, 0, 0.19);
}
.border-right-lighten-19 {
  border-right: 1px solid rgba(255, 255, 255, 0.19);
}
.border-bottom-darken-19 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}
.border-bottom-lighten-19 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.19);
}
.border-left-darken-19 {
  border-left: 1px solid rgba(0, 0, 0, 0.19);
}
.border-left-lighten-19 {
  border-left: 1px solid rgba(255, 255, 255, 0.19);
}
.border-darken-20 {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.border-lighten-20 {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.border-top-darken-20 {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.border-top-lighten-20 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.border-right-darken-20 {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.border-right-lighten-20 {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.border-bottom-darken-20 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.border-bottom-lighten-20 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.border-left-darken-20 {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.border-left-lighten-20 {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.border-darken-21 {
  border: 1px solid rgba(0, 0, 0, 0.21);
}
.border-lighten-21 {
  border: 1px solid rgba(255, 255, 255, 0.21);
}
.border-top-darken-21 {
  border-top: 1px solid rgba(0, 0, 0, 0.21);
}
.border-top-lighten-21 {
  border-top: 1px solid rgba(255, 255, 255, 0.21);
}
.border-right-darken-21 {
  border-right: 1px solid rgba(0, 0, 0, 0.21);
}
.border-right-lighten-21 {
  border-right: 1px solid rgba(255, 255, 255, 0.21);
}
.border-bottom-darken-21 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}
.border-bottom-lighten-21 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.border-left-darken-21 {
  border-left: 1px solid rgba(0, 0, 0, 0.21);
}
.border-left-lighten-21 {
  border-left: 1px solid rgba(255, 255, 255, 0.21);
}
.border-darken-22 {
  border: 1px solid rgba(0, 0, 0, 0.22);
}
.border-lighten-22 {
  border: 1px solid rgba(255, 255, 255, 0.22);
}
.border-top-darken-22 {
  border-top: 1px solid rgba(0, 0, 0, 0.22);
}
.border-top-lighten-22 {
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.border-right-darken-22 {
  border-right: 1px solid rgba(0, 0, 0, 0.22);
}
.border-right-lighten-22 {
  border-right: 1px solid rgba(255, 255, 255, 0.22);
}
.border-bottom-darken-22 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}
.border-bottom-lighten-22 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
.border-left-darken-22 {
  border-left: 1px solid rgba(0, 0, 0, 0.22);
}
.border-left-lighten-22 {
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}
.border-darken-23 {
  border: 1px solid rgba(0, 0, 0, 0.23);
}
.border-lighten-23 {
  border: 1px solid rgba(255, 255, 255, 0.23);
}
.border-top-darken-23 {
  border-top: 1px solid rgba(0, 0, 0, 0.23);
}
.border-top-lighten-23 {
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}
.border-right-darken-23 {
  border-right: 1px solid rgba(0, 0, 0, 0.23);
}
.border-right-lighten-23 {
  border-right: 1px solid rgba(255, 255, 255, 0.23);
}
.border-bottom-darken-23 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
}
.border-bottom-lighten-23 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}
.border-left-darken-23 {
  border-left: 1px solid rgba(0, 0, 0, 0.23);
}
.border-left-lighten-23 {
  border-left: 1px solid rgba(255, 255, 255, 0.23);
}
.border-darken-24 {
  border: 1px solid rgba(0, 0, 0, 0.24);
}
.border-lighten-24 {
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.border-top-darken-24 {
  border-top: 1px solid rgba(0, 0, 0, 0.24);
}
.border-top-lighten-24 {
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.border-right-darken-24 {
  border-right: 1px solid rgba(0, 0, 0, 0.24);
}
.border-right-lighten-24 {
  border-right: 1px solid rgba(255, 255, 255, 0.24);
}
.border-bottom-darken-24 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.border-bottom-lighten-24 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.border-left-darken-24 {
  border-left: 1px solid rgba(0, 0, 0, 0.24);
}
.border-left-lighten-24 {
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}
.border-darken-25 {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.border-lighten-25 {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.border-top-darken-25 {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.border-top-lighten-25 {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.border-right-darken-25 {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.border-right-lighten-25 {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.border-bottom-darken-25 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.border-bottom-lighten-25 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.border-left-darken-25 {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.border-left-lighten-25 {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.border-darken-26 {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.border-lighten-26 {
  border: 1px solid rgba(255, 255, 255, 0.26);
}
.border-top-darken-26 {
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.border-top-lighten-26 {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
.border-right-darken-26 {
  border-right: 1px solid rgba(0, 0, 0, 0.26);
}
.border-right-lighten-26 {
  border-right: 1px solid rgba(255, 255, 255, 0.26);
}
.border-bottom-darken-26 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.border-bottom-lighten-26 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}
.border-left-darken-26 {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
}
.border-left-lighten-26 {
  border-left: 1px solid rgba(255, 255, 255, 0.26);
}
.border-darken-27 {
  border: 1px solid rgba(0, 0, 0, 0.27);
}
.border-lighten-27 {
  border: 1px solid rgba(255, 255, 255, 0.27);
}
.border-top-darken-27 {
  border-top: 1px solid rgba(0, 0, 0, 0.27);
}
.border-top-lighten-27 {
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}
.border-right-darken-27 {
  border-right: 1px solid rgba(0, 0, 0, 0.27);
}
.border-right-lighten-27 {
  border-right: 1px solid rgba(255, 255, 255, 0.27);
}
.border-bottom-darken-27 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.27);
}
.border-bottom-lighten-27 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.27);
}
.border-left-darken-27 {
  border-left: 1px solid rgba(0, 0, 0, 0.27);
}
.border-left-lighten-27 {
  border-left: 1px solid rgba(255, 255, 255, 0.27);
}
.border-darken-28 {
  border: 1px solid rgba(0, 0, 0, 0.28);
}
.border-lighten-28 {
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.border-top-darken-28 {
  border-top: 1px solid rgba(0, 0, 0, 0.28);
}
.border-top-lighten-28 {
  border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.border-right-darken-28 {
  border-right: 1px solid rgba(0, 0, 0, 0.28);
}
.border-right-lighten-28 {
  border-right: 1px solid rgba(255, 255, 255, 0.28);
}
.border-bottom-darken-28 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.28);
}
.border-bottom-lighten-28 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
.border-left-darken-28 {
  border-left: 1px solid rgba(0, 0, 0, 0.28);
}
.border-left-lighten-28 {
  border-left: 1px solid rgba(255, 255, 255, 0.28);
}
.border-darken-29 {
  border: 1px solid rgba(0, 0, 0, 0.29);
}
.border-lighten-29 {
  border: 1px solid rgba(255, 255, 255, 0.29);
}
.border-top-darken-29 {
  border-top: 1px solid rgba(0, 0, 0, 0.29);
}
.border-top-lighten-29 {
  border-top: 1px solid rgba(255, 255, 255, 0.29);
}
.border-right-darken-29 {
  border-right: 1px solid rgba(0, 0, 0, 0.29);
}
.border-right-lighten-29 {
  border-right: 1px solid rgba(255, 255, 255, 0.29);
}
.border-bottom-darken-29 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.29);
}
.border-bottom-lighten-29 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.29);
}
.border-left-darken-29 {
  border-left: 1px solid rgba(0, 0, 0, 0.29);
}
.border-left-lighten-29 {
  border-left: 1px solid rgba(255, 255, 255, 0.29);
}
.border-darken-30 {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.border-lighten-30 {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.border-top-darken-30 {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.border-top-lighten-30 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.border-right-darken-30 {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.border-right-lighten-30 {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.border-bottom-darken-30 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.border-bottom-lighten-30 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.border-left-darken-30 {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.border-left-lighten-30 {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.border-darken-31 {
  border: 1px solid rgba(0, 0, 0, 0.31);
}
.border-lighten-31 {
  border: 1px solid rgba(255, 255, 255, 0.31);
}
.border-top-darken-31 {
  border-top: 1px solid rgba(0, 0, 0, 0.31);
}
.border-top-lighten-31 {
  border-top: 1px solid rgba(255, 255, 255, 0.31);
}
.border-right-darken-31 {
  border-right: 1px solid rgba(0, 0, 0, 0.31);
}
.border-right-lighten-31 {
  border-right: 1px solid rgba(255, 255, 255, 0.31);
}
.border-bottom-darken-31 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.31);
}
.border-bottom-lighten-31 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}
.border-left-darken-31 {
  border-left: 1px solid rgba(0, 0, 0, 0.31);
}
.border-left-lighten-31 {
  border-left: 1px solid rgba(255, 255, 255, 0.31);
}
.border-darken-32 {
  border: 1px solid rgba(0, 0, 0, 0.32);
}
.border-lighten-32 {
  border: 1px solid rgba(255, 255, 255, 0.32);
}
.border-top-darken-32 {
  border-top: 1px solid rgba(0, 0, 0, 0.32);
}
.border-top-lighten-32 {
  border-top: 1px solid rgba(255, 255, 255, 0.32);
}
.border-right-darken-32 {
  border-right: 1px solid rgba(0, 0, 0, 0.32);
}
.border-right-lighten-32 {
  border-right: 1px solid rgba(255, 255, 255, 0.32);
}
.border-bottom-darken-32 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}
.border-bottom-lighten-32 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.border-left-darken-32 {
  border-left: 1px solid rgba(0, 0, 0, 0.32);
}
.border-left-lighten-32 {
  border-left: 1px solid rgba(255, 255, 255, 0.32);
}
.border-darken-33 {
  border: 1px solid rgba(0, 0, 0, 0.33);
}
.border-lighten-33 {
  border: 1px solid rgba(255, 255, 255, 0.33);
}
.border-top-darken-33 {
  border-top: 1px solid rgba(0, 0, 0, 0.33);
}
.border-top-lighten-33 {
  border-top: 1px solid rgba(255, 255, 255, 0.33);
}
.border-right-darken-33 {
  border-right: 1px solid rgba(0, 0, 0, 0.33);
}
.border-right-lighten-33 {
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}
.border-bottom-darken-33 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.33);
}
.border-bottom-lighten-33 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.33);
}
.border-left-darken-33 {
  border-left: 1px solid rgba(0, 0, 0, 0.33);
}
.border-left-lighten-33 {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}
.border-darken-34 {
  border: 1px solid rgba(0, 0, 0, 0.34);
}
.border-lighten-34 {
  border: 1px solid rgba(255, 255, 255, 0.34);
}
.border-top-darken-34 {
  border-top: 1px solid rgba(0, 0, 0, 0.34);
}
.border-top-lighten-34 {
  border-top: 1px solid rgba(255, 255, 255, 0.34);
}
.border-right-darken-34 {
  border-right: 1px solid rgba(0, 0, 0, 0.34);
}
.border-right-lighten-34 {
  border-right: 1px solid rgba(255, 255, 255, 0.34);
}
.border-bottom-darken-34 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
}
.border-bottom-lighten-34 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
.border-left-darken-34 {
  border-left: 1px solid rgba(0, 0, 0, 0.34);
}
.border-left-lighten-34 {
  border-left: 1px solid rgba(255, 255, 255, 0.34);
}
.border-darken-35 {
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.border-lighten-35 {
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.border-top-darken-35 {
  border-top: 1px solid rgba(0, 0, 0, 0.35);
}
.border-top-lighten-35 {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.border-right-darken-35 {
  border-right: 1px solid rgba(0, 0, 0, 0.35);
}
.border-right-lighten-35 {
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}
.border-bottom-darken-35 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
.border-bottom-lighten-35 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.border-left-darken-35 {
  border-left: 1px solid rgba(0, 0, 0, 0.35);
}
.border-left-lighten-35 {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.border-darken-36 {
  border: 1px solid rgba(0, 0, 0, 0.36);
}
.border-lighten-36 {
  border: 1px solid rgba(255, 255, 255, 0.36);
}
.border-top-darken-36 {
  border-top: 1px solid rgba(0, 0, 0, 0.36);
}
.border-top-lighten-36 {
  border-top: 1px solid rgba(255, 255, 255, 0.36);
}
.border-right-darken-36 {
  border-right: 1px solid rgba(0, 0, 0, 0.36);
}
.border-right-lighten-36 {
  border-right: 1px solid rgba(255, 255, 255, 0.36);
}
.border-bottom-darken-36 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.36);
}
.border-bottom-lighten-36 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
}
.border-left-darken-36 {
  border-left: 1px solid rgba(0, 0, 0, 0.36);
}
.border-left-lighten-36 {
  border-left: 1px solid rgba(255, 255, 255, 0.36);
}
.border-darken-37 {
  border: 1px solid rgba(0, 0, 0, 0.37);
}
.border-lighten-37 {
  border: 1px solid rgba(255, 255, 255, 0.37);
}
.border-top-darken-37 {
  border-top: 1px solid rgba(0, 0, 0, 0.37);
}
.border-top-lighten-37 {
  border-top: 1px solid rgba(255, 255, 255, 0.37);
}
.border-right-darken-37 {
  border-right: 1px solid rgba(0, 0, 0, 0.37);
}
.border-right-lighten-37 {
  border-right: 1px solid rgba(255, 255, 255, 0.37);
}
.border-bottom-darken-37 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}
.border-bottom-lighten-37 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
}
.border-left-darken-37 {
  border-left: 1px solid rgba(0, 0, 0, 0.37);
}
.border-left-lighten-37 {
  border-left: 1px solid rgba(255, 255, 255, 0.37);
}
.border-darken-38 {
  border: 1px solid rgba(0, 0, 0, 0.38);
}
.border-lighten-38 {
  border: 1px solid rgba(255, 255, 255, 0.38);
}
.border-top-darken-38 {
  border-top: 1px solid rgba(0, 0, 0, 0.38);
}
.border-top-lighten-38 {
  border-top: 1px solid rgba(255, 255, 255, 0.38);
}
.border-right-darken-38 {
  border-right: 1px solid rgba(0, 0, 0, 0.38);
}
.border-right-lighten-38 {
  border-right: 1px solid rgba(255, 255, 255, 0.38);
}
.border-bottom-darken-38 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
}
.border-bottom-lighten-38 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
.border-left-darken-38 {
  border-left: 1px solid rgba(0, 0, 0, 0.38);
}
.border-left-lighten-38 {
  border-left: 1px solid rgba(255, 255, 255, 0.38);
}
.border-darken-39 {
  border: 1px solid rgba(0, 0, 0, 0.39);
}
.border-lighten-39 {
  border: 1px solid rgba(255, 255, 255, 0.39);
}
.border-top-darken-39 {
  border-top: 1px solid rgba(0, 0, 0, 0.39);
}
.border-top-lighten-39 {
  border-top: 1px solid rgba(255, 255, 255, 0.39);
}
.border-right-darken-39 {
  border-right: 1px solid rgba(0, 0, 0, 0.39);
}
.border-right-lighten-39 {
  border-right: 1px solid rgba(255, 255, 255, 0.39);
}
.border-bottom-darken-39 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.39);
}
.border-bottom-lighten-39 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.39);
}
.border-left-darken-39 {
  border-left: 1px solid rgba(0, 0, 0, 0.39);
}
.border-left-lighten-39 {
  border-left: 1px solid rgba(255, 255, 255, 0.39);
}
.border-darken-40 {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.border-lighten-40 {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.border-top-darken-40 {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.border-top-lighten-40 {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.border-right-darken-40 {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.border-right-lighten-40 {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.border-bottom-darken-40 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.border-bottom-lighten-40 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.border-left-darken-40 {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.border-left-lighten-40 {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.border-darken-41 {
  border: 1px solid rgba(0, 0, 0, 0.41);
}
.border-lighten-41 {
  border: 1px solid rgba(255, 255, 255, 0.41);
}
.border-top-darken-41 {
  border-top: 1px solid rgba(0, 0, 0, 0.41);
}
.border-top-lighten-41 {
  border-top: 1px solid rgba(255, 255, 255, 0.41);
}
.border-right-darken-41 {
  border-right: 1px solid rgba(0, 0, 0, 0.41);
}
.border-right-lighten-41 {
  border-right: 1px solid rgba(255, 255, 255, 0.41);
}
.border-bottom-darken-41 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.41);
}
.border-bottom-lighten-41 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.41);
}
.border-left-darken-41 {
  border-left: 1px solid rgba(0, 0, 0, 0.41);
}
.border-left-lighten-41 {
  border-left: 1px solid rgba(255, 255, 255, 0.41);
}
.border-darken-42 {
  border: 1px solid rgba(0, 0, 0, 0.42);
}
.border-lighten-42 {
  border: 1px solid rgba(255, 255, 255, 0.42);
}
.border-top-darken-42 {
  border-top: 1px solid rgba(0, 0, 0, 0.42);
}
.border-top-lighten-42 {
  border-top: 1px solid rgba(255, 255, 255, 0.42);
}
.border-right-darken-42 {
  border-right: 1px solid rgba(0, 0, 0, 0.42);
}
.border-right-lighten-42 {
  border-right: 1px solid rgba(255, 255, 255, 0.42);
}
.border-bottom-darken-42 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.border-bottom-lighten-42 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}
.border-left-darken-42 {
  border-left: 1px solid rgba(0, 0, 0, 0.42);
}
.border-left-lighten-42 {
  border-left: 1px solid rgba(255, 255, 255, 0.42);
}
.border-darken-43 {
  border: 1px solid rgba(0, 0, 0, 0.43);
}
.border-lighten-43 {
  border: 1px solid rgba(255, 255, 255, 0.43);
}
.border-top-darken-43 {
  border-top: 1px solid rgba(0, 0, 0, 0.43);
}
.border-top-lighten-43 {
  border-top: 1px solid rgba(255, 255, 255, 0.43);
}
.border-right-darken-43 {
  border-right: 1px solid rgba(0, 0, 0, 0.43);
}
.border-right-lighten-43 {
  border-right: 1px solid rgba(255, 255, 255, 0.43);
}
.border-bottom-darken-43 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.43);
}
.border-bottom-lighten-43 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.43);
}
.border-left-darken-43 {
  border-left: 1px solid rgba(0, 0, 0, 0.43);
}
.border-left-lighten-43 {
  border-left: 1px solid rgba(255, 255, 255, 0.43);
}
.border-darken-44 {
  border: 1px solid rgba(0, 0, 0, 0.44);
}
.border-lighten-44 {
  border: 1px solid rgba(255, 255, 255, 0.44);
}
.border-top-darken-44 {
  border-top: 1px solid rgba(0, 0, 0, 0.44);
}
.border-top-lighten-44 {
  border-top: 1px solid rgba(255, 255, 255, 0.44);
}
.border-right-darken-44 {
  border-right: 1px solid rgba(0, 0, 0, 0.44);
}
.border-right-lighten-44 {
  border-right: 1px solid rgba(255, 255, 255, 0.44);
}
.border-bottom-darken-44 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
}
.border-bottom-lighten-44 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.44);
}
.border-left-darken-44 {
  border-left: 1px solid rgba(0, 0, 0, 0.44);
}
.border-left-lighten-44 {
  border-left: 1px solid rgba(255, 255, 255, 0.44);
}
.border-darken-45 {
  border: 1px solid rgba(0, 0, 0, 0.45);
}
.border-lighten-45 {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.border-top-darken-45 {
  border-top: 1px solid rgba(0, 0, 0, 0.45);
}
.border-top-lighten-45 {
  border-top: 1px solid rgba(255, 255, 255, 0.45);
}
.border-right-darken-45 {
  border-right: 1px solid rgba(0, 0, 0, 0.45);
}
.border-right-lighten-45 {
  border-right: 1px solid rgba(255, 255, 255, 0.45);
}
.border-bottom-darken-45 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}
.border-bottom-lighten-45 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.border-left-darken-45 {
  border-left: 1px solid rgba(0, 0, 0, 0.45);
}
.border-left-lighten-45 {
  border-left: 1px solid rgba(255, 255, 255, 0.45);
}
.border-darken-46 {
  border: 1px solid rgba(0, 0, 0, 0.46);
}
.border-lighten-46 {
  border: 1px solid rgba(255, 255, 255, 0.46);
}
.border-top-darken-46 {
  border-top: 1px solid rgba(0, 0, 0, 0.46);
}
.border-top-lighten-46 {
  border-top: 1px solid rgba(255, 255, 255, 0.46);
}
.border-right-darken-46 {
  border-right: 1px solid rgba(0, 0, 0, 0.46);
}
.border-right-lighten-46 {
  border-right: 1px solid rgba(255, 255, 255, 0.46);
}
.border-bottom-darken-46 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.46);
}
.border-bottom-lighten-46 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.46);
}
.border-left-darken-46 {
  border-left: 1px solid rgba(0, 0, 0, 0.46);
}
.border-left-lighten-46 {
  border-left: 1px solid rgba(255, 255, 255, 0.46);
}
.border-darken-47 {
  border: 1px solid rgba(0, 0, 0, 0.47);
}
.border-lighten-47 {
  border: 1px solid rgba(255, 255, 255, 0.47);
}
.border-top-darken-47 {
  border-top: 1px solid rgba(0, 0, 0, 0.47);
}
.border-top-lighten-47 {
  border-top: 1px solid rgba(255, 255, 255, 0.47);
}
.border-right-darken-47 {
  border-right: 1px solid rgba(0, 0, 0, 0.47);
}
.border-right-lighten-47 {
  border-right: 1px solid rgba(255, 255, 255, 0.47);
}
.border-bottom-darken-47 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.47);
}
.border-bottom-lighten-47 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.47);
}
.border-left-darken-47 {
  border-left: 1px solid rgba(0, 0, 0, 0.47);
}
.border-left-lighten-47 {
  border-left: 1px solid rgba(255, 255, 255, 0.47);
}
.border-darken-48 {
  border: 1px solid rgba(0, 0, 0, 0.48);
}
.border-lighten-48 {
  border: 1px solid rgba(255, 255, 255, 0.48);
}
.border-top-darken-48 {
  border-top: 1px solid rgba(0, 0, 0, 0.48);
}
.border-top-lighten-48 {
  border-top: 1px solid rgba(255, 255, 255, 0.48);
}
.border-right-darken-48 {
  border-right: 1px solid rgba(0, 0, 0, 0.48);
}
.border-right-lighten-48 {
  border-right: 1px solid rgba(255, 255, 255, 0.48);
}
.border-bottom-darken-48 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.48);
}
.border-bottom-lighten-48 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
}
.border-left-darken-48 {
  border-left: 1px solid rgba(0, 0, 0, 0.48);
}
.border-left-lighten-48 {
  border-left: 1px solid rgba(255, 255, 255, 0.48);
}
.border-darken-49 {
  border: 1px solid rgba(0, 0, 0, 0.49);
}
.border-lighten-49 {
  border: 1px solid rgba(255, 255, 255, 0.49);
}
.border-top-darken-49 {
  border-top: 1px solid rgba(0, 0, 0, 0.49);
}
.border-top-lighten-49 {
  border-top: 1px solid rgba(255, 255, 255, 0.49);
}
.border-right-darken-49 {
  border-right: 1px solid rgba(0, 0, 0, 0.49);
}
.border-right-lighten-49 {
  border-right: 1px solid rgba(255, 255, 255, 0.49);
}
.border-bottom-darken-49 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.49);
}
.border-bottom-lighten-49 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.49);
}
.border-left-darken-49 {
  border-left: 1px solid rgba(0, 0, 0, 0.49);
}
.border-left-lighten-49 {
  border-left: 1px solid rgba(255, 255, 255, 0.49);
}
.border-darken-50 {
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.border-lighten-50 {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.border-top-darken-50 {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.border-top-lighten-50 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.border-right-darken-50 {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.border-right-lighten-50 {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.border-bottom-darken-50 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.border-bottom-lighten-50 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.border-left-darken-50 {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.border-left-lighten-50 {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.border-darken-51 {
  border: 1px solid rgba(0, 0, 0, 0.51);
}
.border-lighten-51 {
  border: 1px solid rgba(255, 255, 255, 0.51);
}
.border-top-darken-51 {
  border-top: 1px solid rgba(0, 0, 0, 0.51);
}
.border-top-lighten-51 {
  border-top: 1px solid rgba(255, 255, 255, 0.51);
}
.border-right-darken-51 {
  border-right: 1px solid rgba(0, 0, 0, 0.51);
}
.border-right-lighten-51 {
  border-right: 1px solid rgba(255, 255, 255, 0.51);
}
.border-bottom-darken-51 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.51);
}
.border-bottom-lighten-51 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.51);
}
.border-left-darken-51 {
  border-left: 1px solid rgba(0, 0, 0, 0.51);
}
.border-left-lighten-51 {
  border-left: 1px solid rgba(255, 255, 255, 0.51);
}
.border-darken-52 {
  border: 1px solid rgba(0, 0, 0, 0.52);
}
.border-lighten-52 {
  border: 1px solid rgba(255, 255, 255, 0.52);
}
.border-top-darken-52 {
  border-top: 1px solid rgba(0, 0, 0, 0.52);
}
.border-top-lighten-52 {
  border-top: 1px solid rgba(255, 255, 255, 0.52);
}
.border-right-darken-52 {
  border-right: 1px solid rgba(0, 0, 0, 0.52);
}
.border-right-lighten-52 {
  border-right: 1px solid rgba(255, 255, 255, 0.52);
}
.border-bottom-darken-52 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.52);
}
.border-bottom-lighten-52 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.52);
}
.border-left-darken-52 {
  border-left: 1px solid rgba(0, 0, 0, 0.52);
}
.border-left-lighten-52 {
  border-left: 1px solid rgba(255, 255, 255, 0.52);
}
.border-darken-53 {
  border: 1px solid rgba(0, 0, 0, 0.53);
}
.border-lighten-53 {
  border: 1px solid rgba(255, 255, 255, 0.53);
}
.border-top-darken-53 {
  border-top: 1px solid rgba(0, 0, 0, 0.53);
}
.border-top-lighten-53 {
  border-top: 1px solid rgba(255, 255, 255, 0.53);
}
.border-right-darken-53 {
  border-right: 1px solid rgba(0, 0, 0, 0.53);
}
.border-right-lighten-53 {
  border-right: 1px solid rgba(255, 255, 255, 0.53);
}
.border-bottom-darken-53 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.53);
}
.border-bottom-lighten-53 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.53);
}
.border-left-darken-53 {
  border-left: 1px solid rgba(0, 0, 0, 0.53);
}
.border-left-lighten-53 {
  border-left: 1px solid rgba(255, 255, 255, 0.53);
}
.border-darken-54 {
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.border-lighten-54 {
  border: 1px solid rgba(255, 255, 255, 0.54);
}
.border-top-darken-54 {
  border-top: 1px solid rgba(0, 0, 0, 0.54);
}
.border-top-lighten-54 {
  border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.border-right-darken-54 {
  border-right: 1px solid rgba(0, 0, 0, 0.54);
}
.border-right-lighten-54 {
  border-right: 1px solid rgba(255, 255, 255, 0.54);
}
.border-bottom-darken-54 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.54);
}
.border-bottom-lighten-54 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}
.border-left-darken-54 {
  border-left: 1px solid rgba(0, 0, 0, 0.54);
}
.border-left-lighten-54 {
  border-left: 1px solid rgba(255, 255, 255, 0.54);
}
.border-darken-55 {
  border: 1px solid rgba(0, 0, 0, 0.55);
}
.border-lighten-55 {
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.border-top-darken-55 {
  border-top: 1px solid rgba(0, 0, 0, 0.55);
}
.border-top-lighten-55 {
  border-top: 1px solid rgba(255, 255, 255, 0.55);
}
.border-right-darken-55 {
  border-right: 1px solid rgba(0, 0, 0, 0.55);
}
.border-right-lighten-55 {
  border-right: 1px solid rgba(255, 255, 255, 0.55);
}
.border-bottom-darken-55 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.55);
}
.border-bottom-lighten-55 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.border-left-darken-55 {
  border-left: 1px solid rgba(0, 0, 0, 0.55);
}
.border-left-lighten-55 {
  border-left: 1px solid rgba(255, 255, 255, 0.55);
}
.border-darken-56 {
  border: 1px solid rgba(0, 0, 0, 0.56);
}
.border-lighten-56 {
  border: 1px solid rgba(255, 255, 255, 0.56);
}
.border-top-darken-56 {
  border-top: 1px solid rgba(0, 0, 0, 0.56);
}
.border-top-lighten-56 {
  border-top: 1px solid rgba(255, 255, 255, 0.56);
}
.border-right-darken-56 {
  border-right: 1px solid rgba(0, 0, 0, 0.56);
}
.border-right-lighten-56 {
  border-right: 1px solid rgba(255, 255, 255, 0.56);
}
.border-bottom-darken-56 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.56);
}
.border-bottom-lighten-56 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.56);
}
.border-left-darken-56 {
  border-left: 1px solid rgba(0, 0, 0, 0.56);
}
.border-left-lighten-56 {
  border-left: 1px solid rgba(255, 255, 255, 0.56);
}
.border-darken-57 {
  border: 1px solid rgba(0, 0, 0, 0.57);
}
.border-lighten-57 {
  border: 1px solid rgba(255, 255, 255, 0.57);
}
.border-top-darken-57 {
  border-top: 1px solid rgba(0, 0, 0, 0.57);
}
.border-top-lighten-57 {
  border-top: 1px solid rgba(255, 255, 255, 0.57);
}
.border-right-darken-57 {
  border-right: 1px solid rgba(0, 0, 0, 0.57);
}
.border-right-lighten-57 {
  border-right: 1px solid rgba(255, 255, 255, 0.57);
}
.border-bottom-darken-57 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.57);
}
.border-bottom-lighten-57 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.57);
}
.border-left-darken-57 {
  border-left: 1px solid rgba(0, 0, 0, 0.57);
}
.border-left-lighten-57 {
  border-left: 1px solid rgba(255, 255, 255, 0.57);
}
.border-darken-58 {
  border: 1px solid rgba(0, 0, 0, 0.58);
}
.border-lighten-58 {
  border: 1px solid rgba(255, 255, 255, 0.58);
}
.border-top-darken-58 {
  border-top: 1px solid rgba(0, 0, 0, 0.58);
}
.border-top-lighten-58 {
  border-top: 1px solid rgba(255, 255, 255, 0.58);
}
.border-right-darken-58 {
  border-right: 1px solid rgba(0, 0, 0, 0.58);
}
.border-right-lighten-58 {
  border-right: 1px solid rgba(255, 255, 255, 0.58);
}
.border-bottom-darken-58 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.58);
}
.border-bottom-lighten-58 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.58);
}
.border-left-darken-58 {
  border-left: 1px solid rgba(0, 0, 0, 0.58);
}
.border-left-lighten-58 {
  border-left: 1px solid rgba(255, 255, 255, 0.58);
}
.border-darken-59 {
  border: 1px solid rgba(0, 0, 0, 0.59);
}
.border-lighten-59 {
  border: 1px solid rgba(255, 255, 255, 0.59);
}
.border-top-darken-59 {
  border-top: 1px solid rgba(0, 0, 0, 0.59);
}
.border-top-lighten-59 {
  border-top: 1px solid rgba(255, 255, 255, 0.59);
}
.border-right-darken-59 {
  border-right: 1px solid rgba(0, 0, 0, 0.59);
}
.border-right-lighten-59 {
  border-right: 1px solid rgba(255, 255, 255, 0.59);
}
.border-bottom-darken-59 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.59);
}
.border-bottom-lighten-59 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.59);
}
.border-left-darken-59 {
  border-left: 1px solid rgba(0, 0, 0, 0.59);
}
.border-left-lighten-59 {
  border-left: 1px solid rgba(255, 255, 255, 0.59);
}
.border-darken-60 {
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.border-lighten-60 {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.border-top-darken-60 {
  border-top: 1px solid rgba(0, 0, 0, 0.6);
}
.border-top-lighten-60 {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.border-right-darken-60 {
  border-right: 1px solid rgba(0, 0, 0, 0.6);
}
.border-right-lighten-60 {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.border-bottom-darken-60 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.border-bottom-lighten-60 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.border-left-darken-60 {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
}
.border-left-lighten-60 {
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.border-darken-61 {
  border: 1px solid rgba(0, 0, 0, 0.61);
}
.border-lighten-61 {
  border: 1px solid rgba(255, 255, 255, 0.61);
}
.border-top-darken-61 {
  border-top: 1px solid rgba(0, 0, 0, 0.61);
}
.border-top-lighten-61 {
  border-top: 1px solid rgba(255, 255, 255, 0.61);
}
.border-right-darken-61 {
  border-right: 1px solid rgba(0, 0, 0, 0.61);
}
.border-right-lighten-61 {
  border-right: 1px solid rgba(255, 255, 255, 0.61);
}
.border-bottom-darken-61 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.61);
}
.border-bottom-lighten-61 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.61);
}
.border-left-darken-61 {
  border-left: 1px solid rgba(0, 0, 0, 0.61);
}
.border-left-lighten-61 {
  border-left: 1px solid rgba(255, 255, 255, 0.61);
}
.border-darken-62 {
  border: 1px solid rgba(0, 0, 0, 0.62);
}
.border-lighten-62 {
  border: 1px solid rgba(255, 255, 255, 0.62);
}
.border-top-darken-62 {
  border-top: 1px solid rgba(0, 0, 0, 0.62);
}
.border-top-lighten-62 {
  border-top: 1px solid rgba(255, 255, 255, 0.62);
}
.border-right-darken-62 {
  border-right: 1px solid rgba(0, 0, 0, 0.62);
}
.border-right-lighten-62 {
  border-right: 1px solid rgba(255, 255, 255, 0.62);
}
.border-bottom-darken-62 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.62);
}
.border-bottom-lighten-62 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.62);
}
.border-left-darken-62 {
  border-left: 1px solid rgba(0, 0, 0, 0.62);
}
.border-left-lighten-62 {
  border-left: 1px solid rgba(255, 255, 255, 0.62);
}
.border-darken-63 {
  border: 1px solid rgba(0, 0, 0, 0.63);
}
.border-lighten-63 {
  border: 1px solid rgba(255, 255, 255, 0.63);
}
.border-top-darken-63 {
  border-top: 1px solid rgba(0, 0, 0, 0.63);
}
.border-top-lighten-63 {
  border-top: 1px solid rgba(255, 255, 255, 0.63);
}
.border-right-darken-63 {
  border-right: 1px solid rgba(0, 0, 0, 0.63);
}
.border-right-lighten-63 {
  border-right: 1px solid rgba(255, 255, 255, 0.63);
}
.border-bottom-darken-63 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.63);
}
.border-bottom-lighten-63 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.63);
}
.border-left-darken-63 {
  border-left: 1px solid rgba(0, 0, 0, 0.63);
}
.border-left-lighten-63 {
  border-left: 1px solid rgba(255, 255, 255, 0.63);
}
.border-darken-64 {
  border: 1px solid rgba(0, 0, 0, 0.64);
}
.border-lighten-64 {
  border: 1px solid rgba(255, 255, 255, 0.64);
}
.border-top-darken-64 {
  border-top: 1px solid rgba(0, 0, 0, 0.64);
}
.border-top-lighten-64 {
  border-top: 1px solid rgba(255, 255, 255, 0.64);
}
.border-right-darken-64 {
  border-right: 1px solid rgba(0, 0, 0, 0.64);
}
.border-right-lighten-64 {
  border-right: 1px solid rgba(255, 255, 255, 0.64);
}
.border-bottom-darken-64 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.64);
}
.border-bottom-lighten-64 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.64);
}
.border-left-darken-64 {
  border-left: 1px solid rgba(0, 0, 0, 0.64);
}
.border-left-lighten-64 {
  border-left: 1px solid rgba(255, 255, 255, 0.64);
}
.border-darken-65 {
  border: 1px solid rgba(0, 0, 0, 0.65);
}
.border-lighten-65 {
  border: 1px solid rgba(255, 255, 255, 0.65);
}
.border-top-darken-65 {
  border-top: 1px solid rgba(0, 0, 0, 0.65);
}
.border-top-lighten-65 {
  border-top: 1px solid rgba(255, 255, 255, 0.65);
}
.border-right-darken-65 {
  border-right: 1px solid rgba(0, 0, 0, 0.65);
}
.border-right-lighten-65 {
  border-right: 1px solid rgba(255, 255, 255, 0.65);
}
.border-bottom-darken-65 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}
.border-bottom-lighten-65 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.border-left-darken-65 {
  border-left: 1px solid rgba(0, 0, 0, 0.65);
}
.border-left-lighten-65 {
  border-left: 1px solid rgba(255, 255, 255, 0.65);
}
.border-darken-66 {
  border: 1px solid rgba(0, 0, 0, 0.66);
}
.border-lighten-66 {
  border: 1px solid rgba(255, 255, 255, 0.66);
}
.border-top-darken-66 {
  border-top: 1px solid rgba(0, 0, 0, 0.66);
}
.border-top-lighten-66 {
  border-top: 1px solid rgba(255, 255, 255, 0.66);
}
.border-right-darken-66 {
  border-right: 1px solid rgba(0, 0, 0, 0.66);
}
.border-right-lighten-66 {
  border-right: 1px solid rgba(255, 255, 255, 0.66);
}
.border-bottom-darken-66 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.66);
}
.border-bottom-lighten-66 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.66);
}
.border-left-darken-66 {
  border-left: 1px solid rgba(0, 0, 0, 0.66);
}
.border-left-lighten-66 {
  border-left: 1px solid rgba(255, 255, 255, 0.66);
}
.border-darken-67 {
  border: 1px solid rgba(0, 0, 0, 0.67);
}
.border-lighten-67 {
  border: 1px solid rgba(255, 255, 255, 0.67);
}
.border-top-darken-67 {
  border-top: 1px solid rgba(0, 0, 0, 0.67);
}
.border-top-lighten-67 {
  border-top: 1px solid rgba(255, 255, 255, 0.67);
}
.border-right-darken-67 {
  border-right: 1px solid rgba(0, 0, 0, 0.67);
}
.border-right-lighten-67 {
  border-right: 1px solid rgba(255, 255, 255, 0.67);
}
.border-bottom-darken-67 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.67);
}
.border-bottom-lighten-67 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.67);
}
.border-left-darken-67 {
  border-left: 1px solid rgba(0, 0, 0, 0.67);
}
.border-left-lighten-67 {
  border-left: 1px solid rgba(255, 255, 255, 0.67);
}
.border-darken-68 {
  border: 1px solid rgba(0, 0, 0, 0.68);
}
.border-lighten-68 {
  border: 1px solid rgba(255, 255, 255, 0.68);
}
.border-top-darken-68 {
  border-top: 1px solid rgba(0, 0, 0, 0.68);
}
.border-top-lighten-68 {
  border-top: 1px solid rgba(255, 255, 255, 0.68);
}
.border-right-darken-68 {
  border-right: 1px solid rgba(0, 0, 0, 0.68);
}
.border-right-lighten-68 {
  border-right: 1px solid rgba(255, 255, 255, 0.68);
}
.border-bottom-darken-68 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.68);
}
.border-bottom-lighten-68 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.68);
}
.border-left-darken-68 {
  border-left: 1px solid rgba(0, 0, 0, 0.68);
}
.border-left-lighten-68 {
  border-left: 1px solid rgba(255, 255, 255, 0.68);
}
.border-darken-69 {
  border: 1px solid rgba(0, 0, 0, 0.69);
}
.border-lighten-69 {
  border: 1px solid rgba(255, 255, 255, 0.69);
}
.border-top-darken-69 {
  border-top: 1px solid rgba(0, 0, 0, 0.69);
}
.border-top-lighten-69 {
  border-top: 1px solid rgba(255, 255, 255, 0.69);
}
.border-right-darken-69 {
  border-right: 1px solid rgba(0, 0, 0, 0.69);
}
.border-right-lighten-69 {
  border-right: 1px solid rgba(255, 255, 255, 0.69);
}
.border-bottom-darken-69 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.69);
}
.border-bottom-lighten-69 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
.border-left-darken-69 {
  border-left: 1px solid rgba(0, 0, 0, 0.69);
}
.border-left-lighten-69 {
  border-left: 1px solid rgba(255, 255, 255, 0.69);
}
.border-darken-70 {
  border: 1px solid rgba(0, 0, 0, 0.7);
}
.border-lighten-70 {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.border-top-darken-70 {
  border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.border-top-lighten-70 {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.border-right-darken-70 {
  border-right: 1px solid rgba(0, 0, 0, 0.7);
}
.border-right-lighten-70 {
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
.border-bottom-darken-70 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
.border-bottom-lighten-70 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.border-left-darken-70 {
  border-left: 1px solid rgba(0, 0, 0, 0.7);
}
.border-left-lighten-70 {
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}
.border-darken-71 {
  border: 1px solid rgba(0, 0, 0, 0.71);
}
.border-lighten-71 {
  border: 1px solid rgba(255, 255, 255, 0.71);
}
.border-top-darken-71 {
  border-top: 1px solid rgba(0, 0, 0, 0.71);
}
.border-top-lighten-71 {
  border-top: 1px solid rgba(255, 255, 255, 0.71);
}
.border-right-darken-71 {
  border-right: 1px solid rgba(0, 0, 0, 0.71);
}
.border-right-lighten-71 {
  border-right: 1px solid rgba(255, 255, 255, 0.71);
}
.border-bottom-darken-71 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.71);
}
.border-bottom-lighten-71 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.71);
}
.border-left-darken-71 {
  border-left: 1px solid rgba(0, 0, 0, 0.71);
}
.border-left-lighten-71 {
  border-left: 1px solid rgba(255, 255, 255, 0.71);
}
.border-darken-72 {
  border: 1px solid rgba(0, 0, 0, 0.72);
}
.border-lighten-72 {
  border: 1px solid rgba(255, 255, 255, 0.72);
}
.border-top-darken-72 {
  border-top: 1px solid rgba(0, 0, 0, 0.72);
}
.border-top-lighten-72 {
  border-top: 1px solid rgba(255, 255, 255, 0.72);
}
.border-right-darken-72 {
  border-right: 1px solid rgba(0, 0, 0, 0.72);
}
.border-right-lighten-72 {
  border-right: 1px solid rgba(255, 255, 255, 0.72);
}
.border-bottom-darken-72 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.72);
}
.border-bottom-lighten-72 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
}
.border-left-darken-72 {
  border-left: 1px solid rgba(0, 0, 0, 0.72);
}
.border-left-lighten-72 {
  border-left: 1px solid rgba(255, 255, 255, 0.72);
}
.border-darken-73 {
  border: 1px solid rgba(0, 0, 0, 0.73);
}
.border-lighten-73 {
  border: 1px solid rgba(255, 255, 255, 0.73);
}
.border-top-darken-73 {
  border-top: 1px solid rgba(0, 0, 0, 0.73);
}
.border-top-lighten-73 {
  border-top: 1px solid rgba(255, 255, 255, 0.73);
}
.border-right-darken-73 {
  border-right: 1px solid rgba(0, 0, 0, 0.73);
}
.border-right-lighten-73 {
  border-right: 1px solid rgba(255, 255, 255, 0.73);
}
.border-bottom-darken-73 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.73);
}
.border-bottom-lighten-73 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.73);
}
.border-left-darken-73 {
  border-left: 1px solid rgba(0, 0, 0, 0.73);
}
.border-left-lighten-73 {
  border-left: 1px solid rgba(255, 255, 255, 0.73);
}
.border-darken-74 {
  border: 1px solid rgba(0, 0, 0, 0.74);
}
.border-lighten-74 {
  border: 1px solid rgba(255, 255, 255, 0.74);
}
.border-top-darken-74 {
  border-top: 1px solid rgba(0, 0, 0, 0.74);
}
.border-top-lighten-74 {
  border-top: 1px solid rgba(255, 255, 255, 0.74);
}
.border-right-darken-74 {
  border-right: 1px solid rgba(0, 0, 0, 0.74);
}
.border-right-lighten-74 {
  border-right: 1px solid rgba(255, 255, 255, 0.74);
}
.border-bottom-darken-74 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.74);
}
.border-bottom-lighten-74 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.74);
}
.border-left-darken-74 {
  border-left: 1px solid rgba(0, 0, 0, 0.74);
}
.border-left-lighten-74 {
  border-left: 1px solid rgba(255, 255, 255, 0.74);
}
.border-darken-75 {
  border: 1px solid rgba(0, 0, 0, 0.75);
}
.border-lighten-75 {
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.border-top-darken-75 {
  border-top: 1px solid rgba(0, 0, 0, 0.75);
}
.border-top-lighten-75 {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.border-right-darken-75 {
  border-right: 1px solid rgba(0, 0, 0, 0.75);
}
.border-right-lighten-75 {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}
.border-bottom-darken-75 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
}
.border-bottom-lighten-75 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.border-left-darken-75 {
  border-left: 1px solid rgba(0, 0, 0, 0.75);
}
.border-left-lighten-75 {
  border-left: 1px solid rgba(255, 255, 255, 0.75);
}
.border-darken-76 {
  border: 1px solid rgba(0, 0, 0, 0.76);
}
.border-lighten-76 {
  border: 1px solid rgba(255, 255, 255, 0.76);
}
.border-top-darken-76 {
  border-top: 1px solid rgba(0, 0, 0, 0.76);
}
.border-top-lighten-76 {
  border-top: 1px solid rgba(255, 255, 255, 0.76);
}
.border-right-darken-76 {
  border-right: 1px solid rgba(0, 0, 0, 0.76);
}
.border-right-lighten-76 {
  border-right: 1px solid rgba(255, 255, 255, 0.76);
}
.border-bottom-darken-76 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.76);
}
.border-bottom-lighten-76 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}
.border-left-darken-76 {
  border-left: 1px solid rgba(0, 0, 0, 0.76);
}
.border-left-lighten-76 {
  border-left: 1px solid rgba(255, 255, 255, 0.76);
}
.border-darken-77 {
  border: 1px solid rgba(0, 0, 0, 0.77);
}
.border-lighten-77 {
  border: 1px solid rgba(255, 255, 255, 0.77);
}
.border-top-darken-77 {
  border-top: 1px solid rgba(0, 0, 0, 0.77);
}
.border-top-lighten-77 {
  border-top: 1px solid rgba(255, 255, 255, 0.77);
}
.border-right-darken-77 {
  border-right: 1px solid rgba(0, 0, 0, 0.77);
}
.border-right-lighten-77 {
  border-right: 1px solid rgba(255, 255, 255, 0.77);
}
.border-bottom-darken-77 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.77);
}
.border-bottom-lighten-77 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.77);
}
.border-left-darken-77 {
  border-left: 1px solid rgba(0, 0, 0, 0.77);
}
.border-left-lighten-77 {
  border-left: 1px solid rgba(255, 255, 255, 0.77);
}
.border-darken-78 {
  border: 1px solid rgba(0, 0, 0, 0.78);
}
.border-lighten-78 {
  border: 1px solid rgba(255, 255, 255, 0.78);
}
.border-top-darken-78 {
  border-top: 1px solid rgba(0, 0, 0, 0.78);
}
.border-top-lighten-78 {
  border-top: 1px solid rgba(255, 255, 255, 0.78);
}
.border-right-darken-78 {
  border-right: 1px solid rgba(0, 0, 0, 0.78);
}
.border-right-lighten-78 {
  border-right: 1px solid rgba(255, 255, 255, 0.78);
}
.border-bottom-darken-78 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.78);
}
.border-bottom-lighten-78 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.78);
}
.border-left-darken-78 {
  border-left: 1px solid rgba(0, 0, 0, 0.78);
}
.border-left-lighten-78 {
  border-left: 1px solid rgba(255, 255, 255, 0.78);
}
.border-darken-79 {
  border: 1px solid rgba(0, 0, 0, 0.79);
}
.border-lighten-79 {
  border: 1px solid rgba(255, 255, 255, 0.79);
}
.border-top-darken-79 {
  border-top: 1px solid rgba(0, 0, 0, 0.79);
}
.border-top-lighten-79 {
  border-top: 1px solid rgba(255, 255, 255, 0.79);
}
.border-right-darken-79 {
  border-right: 1px solid rgba(0, 0, 0, 0.79);
}
.border-right-lighten-79 {
  border-right: 1px solid rgba(255, 255, 255, 0.79);
}
.border-bottom-darken-79 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.79);
}
.border-bottom-lighten-79 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.79);
}
.border-left-darken-79 {
  border-left: 1px solid rgba(0, 0, 0, 0.79);
}
.border-left-lighten-79 {
  border-left: 1px solid rgba(255, 255, 255, 0.79);
}
.border-darken-80 {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.border-lighten-80 {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.border-top-darken-80 {
  border-top: 1px solid rgba(0, 0, 0, 0.8);
}
.border-top-lighten-80 {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.border-right-darken-80 {
  border-right: 1px solid rgba(0, 0, 0, 0.8);
}
.border-right-lighten-80 {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.border-bottom-darken-80 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.border-bottom-lighten-80 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.border-left-darken-80 {
  border-left: 1px solid rgba(0, 0, 0, 0.8);
}
.border-left-lighten-80 {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
}
.border-darken-81 {
  border: 1px solid rgba(0, 0, 0, 0.81);
}
.border-lighten-81 {
  border: 1px solid rgba(255, 255, 255, 0.81);
}
.border-top-darken-81 {
  border-top: 1px solid rgba(0, 0, 0, 0.81);
}
.border-top-lighten-81 {
  border-top: 1px solid rgba(255, 255, 255, 0.81);
}
.border-right-darken-81 {
  border-right: 1px solid rgba(0, 0, 0, 0.81);
}
.border-right-lighten-81 {
  border-right: 1px solid rgba(255, 255, 255, 0.81);
}
.border-bottom-darken-81 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.81);
}
.border-bottom-lighten-81 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.81);
}
.border-left-darken-81 {
  border-left: 1px solid rgba(0, 0, 0, 0.81);
}
.border-left-lighten-81 {
  border-left: 1px solid rgba(255, 255, 255, 0.81);
}
.border-darken-82 {
  border: 1px solid rgba(0, 0, 0, 0.82);
}
.border-lighten-82 {
  border: 1px solid rgba(255, 255, 255, 0.82);
}
.border-top-darken-82 {
  border-top: 1px solid rgba(0, 0, 0, 0.82);
}
.border-top-lighten-82 {
  border-top: 1px solid rgba(255, 255, 255, 0.82);
}
.border-right-darken-82 {
  border-right: 1px solid rgba(0, 0, 0, 0.82);
}
.border-right-lighten-82 {
  border-right: 1px solid rgba(255, 255, 255, 0.82);
}
.border-bottom-darken-82 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.82);
}
.border-bottom-lighten-82 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.82);
}
.border-left-darken-82 {
  border-left: 1px solid rgba(0, 0, 0, 0.82);
}
.border-left-lighten-82 {
  border-left: 1px solid rgba(255, 255, 255, 0.82);
}
.border-darken-83 {
  border: 1px solid rgba(0, 0, 0, 0.83);
}
.border-lighten-83 {
  border: 1px solid rgba(255, 255, 255, 0.83);
}
.border-top-darken-83 {
  border-top: 1px solid rgba(0, 0, 0, 0.83);
}
.border-top-lighten-83 {
  border-top: 1px solid rgba(255, 255, 255, 0.83);
}
.border-right-darken-83 {
  border-right: 1px solid rgba(0, 0, 0, 0.83);
}
.border-right-lighten-83 {
  border-right: 1px solid rgba(255, 255, 255, 0.83);
}
.border-bottom-darken-83 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.83);
}
.border-bottom-lighten-83 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.83);
}
.border-left-darken-83 {
  border-left: 1px solid rgba(0, 0, 0, 0.83);
}
.border-left-lighten-83 {
  border-left: 1px solid rgba(255, 255, 255, 0.83);
}
.border-darken-84 {
  border: 1px solid rgba(0, 0, 0, 0.84);
}
.border-lighten-84 {
  border: 1px solid rgba(255, 255, 255, 0.84);
}
.border-top-darken-84 {
  border-top: 1px solid rgba(0, 0, 0, 0.84);
}
.border-top-lighten-84 {
  border-top: 1px solid rgba(255, 255, 255, 0.84);
}
.border-right-darken-84 {
  border-right: 1px solid rgba(0, 0, 0, 0.84);
}
.border-right-lighten-84 {
  border-right: 1px solid rgba(255, 255, 255, 0.84);
}
.border-bottom-darken-84 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.84);
}
.border-bottom-lighten-84 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.84);
}
.border-left-darken-84 {
  border-left: 1px solid rgba(0, 0, 0, 0.84);
}
.border-left-lighten-84 {
  border-left: 1px solid rgba(255, 255, 255, 0.84);
}
.border-darken-85 {
  border: 1px solid rgba(0, 0, 0, 0.85);
}
.border-lighten-85 {
  border: 1px solid rgba(255, 255, 255, 0.85);
}
.border-top-darken-85 {
  border-top: 1px solid rgba(0, 0, 0, 0.85);
}
.border-top-lighten-85 {
  border-top: 1px solid rgba(255, 255, 255, 0.85);
}
.border-right-darken-85 {
  border-right: 1px solid rgba(0, 0, 0, 0.85);
}
.border-right-lighten-85 {
  border-right: 1px solid rgba(255, 255, 255, 0.85);
}
.border-bottom-darken-85 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.85);
}
.border-bottom-lighten-85 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}
.border-left-darken-85 {
  border-left: 1px solid rgba(0, 0, 0, 0.85);
}
.border-left-lighten-85 {
  border-left: 1px solid rgba(255, 255, 255, 0.85);
}
.border-darken-86 {
  border: 1px solid rgba(0, 0, 0, 0.86);
}
.border-lighten-86 {
  border: 1px solid rgba(255, 255, 255, 0.86);
}
.border-top-darken-86 {
  border-top: 1px solid rgba(0, 0, 0, 0.86);
}
.border-top-lighten-86 {
  border-top: 1px solid rgba(255, 255, 255, 0.86);
}
.border-right-darken-86 {
  border-right: 1px solid rgba(0, 0, 0, 0.86);
}
.border-right-lighten-86 {
  border-right: 1px solid rgba(255, 255, 255, 0.86);
}
.border-bottom-darken-86 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.86);
}
.border-bottom-lighten-86 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.86);
}
.border-left-darken-86 {
  border-left: 1px solid rgba(0, 0, 0, 0.86);
}
.border-left-lighten-86 {
  border-left: 1px solid rgba(255, 255, 255, 0.86);
}
.border-darken-87 {
  border: 1px solid rgba(0, 0, 0, 0.87);
}
.border-lighten-87 {
  border: 1px solid rgba(255, 255, 255, 0.87);
}
.border-top-darken-87 {
  border-top: 1px solid rgba(0, 0, 0, 0.87);
}
.border-top-lighten-87 {
  border-top: 1px solid rgba(255, 255, 255, 0.87);
}
.border-right-darken-87 {
  border-right: 1px solid rgba(0, 0, 0, 0.87);
}
.border-right-lighten-87 {
  border-right: 1px solid rgba(255, 255, 255, 0.87);
}
.border-bottom-darken-87 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.border-bottom-lighten-87 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.87);
}
.border-left-darken-87 {
  border-left: 1px solid rgba(0, 0, 0, 0.87);
}
.border-left-lighten-87 {
  border-left: 1px solid rgba(255, 255, 255, 0.87);
}
.border-darken-88 {
  border: 1px solid rgba(0, 0, 0, 0.88);
}
.border-lighten-88 {
  border: 1px solid rgba(255, 255, 255, 0.88);
}
.border-top-darken-88 {
  border-top: 1px solid rgba(0, 0, 0, 0.88);
}
.border-top-lighten-88 {
  border-top: 1px solid rgba(255, 255, 255, 0.88);
}
.border-right-darken-88 {
  border-right: 1px solid rgba(0, 0, 0, 0.88);
}
.border-right-lighten-88 {
  border-right: 1px solid rgba(255, 255, 255, 0.88);
}
.border-bottom-darken-88 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.88);
}
.border-bottom-lighten-88 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.88);
}
.border-left-darken-88 {
  border-left: 1px solid rgba(0, 0, 0, 0.88);
}
.border-left-lighten-88 {
  border-left: 1px solid rgba(255, 255, 255, 0.88);
}
.border-darken-89 {
  border: 1px solid rgba(0, 0, 0, 0.89);
}
.border-lighten-89 {
  border: 1px solid rgba(255, 255, 255, 0.89);
}
.border-top-darken-89 {
  border-top: 1px solid rgba(0, 0, 0, 0.89);
}
.border-top-lighten-89 {
  border-top: 1px solid rgba(255, 255, 255, 0.89);
}
.border-right-darken-89 {
  border-right: 1px solid rgba(0, 0, 0, 0.89);
}
.border-right-lighten-89 {
  border-right: 1px solid rgba(255, 255, 255, 0.89);
}
.border-bottom-darken-89 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.89);
}
.border-bottom-lighten-89 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.89);
}
.border-left-darken-89 {
  border-left: 1px solid rgba(0, 0, 0, 0.89);
}
.border-left-lighten-89 {
  border-left: 1px solid rgba(255, 255, 255, 0.89);
}
.border-darken-90 {
  border: 1px solid rgba(0, 0, 0, 0.9);
}
.border-lighten-90 {
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.border-top-darken-90 {
  border-top: 1px solid rgba(0, 0, 0, 0.9);
}
.border-top-lighten-90 {
  border-top: 1px solid rgba(255, 255, 255, 0.9);
}
.border-right-darken-90 {
  border-right: 1px solid rgba(0, 0, 0, 0.9);
}
.border-right-lighten-90 {
  border-right: 1px solid rgba(255, 255, 255, 0.9);
}
.border-bottom-darken-90 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
}
.border-bottom-lighten-90 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.border-left-darken-90 {
  border-left: 1px solid rgba(0, 0, 0, 0.9);
}
.border-left-lighten-90 {
  border-left: 1px solid rgba(255, 255, 255, 0.9);
}
.border-darken-91 {
  border: 1px solid rgba(0, 0, 0, 0.91);
}
.border-lighten-91 {
  border: 1px solid rgba(255, 255, 255, 0.91);
}
.border-top-darken-91 {
  border-top: 1px solid rgba(0, 0, 0, 0.91);
}
.border-top-lighten-91 {
  border-top: 1px solid rgba(255, 255, 255, 0.91);
}
.border-right-darken-91 {
  border-right: 1px solid rgba(0, 0, 0, 0.91);
}
.border-right-lighten-91 {
  border-right: 1px solid rgba(255, 255, 255, 0.91);
}
.border-bottom-darken-91 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.91);
}
.border-bottom-lighten-91 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.91);
}
.border-left-darken-91 {
  border-left: 1px solid rgba(0, 0, 0, 0.91);
}
.border-left-lighten-91 {
  border-left: 1px solid rgba(255, 255, 255, 0.91);
}
.border-darken-92 {
  border: 1px solid rgba(0, 0, 0, 0.92);
}
.border-lighten-92 {
  border: 1px solid rgba(255, 255, 255, 0.92);
}
.border-top-darken-92 {
  border-top: 1px solid rgba(0, 0, 0, 0.92);
}
.border-top-lighten-92 {
  border-top: 1px solid rgba(255, 255, 255, 0.92);
}
.border-right-darken-92 {
  border-right: 1px solid rgba(0, 0, 0, 0.92);
}
.border-right-lighten-92 {
  border-right: 1px solid rgba(255, 255, 255, 0.92);
}
.border-bottom-darken-92 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.92);
}
.border-bottom-lighten-92 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.92);
}
.border-left-darken-92 {
  border-left: 1px solid rgba(0, 0, 0, 0.92);
}
.border-left-lighten-92 {
  border-left: 1px solid rgba(255, 255, 255, 0.92);
}
.border-darken-93 {
  border: 1px solid rgba(0, 0, 0, 0.93);
}
.border-lighten-93 {
  border: 1px solid rgba(255, 255, 255, 0.93);
}
.border-top-darken-93 {
  border-top: 1px solid rgba(0, 0, 0, 0.93);
}
.border-top-lighten-93 {
  border-top: 1px solid rgba(255, 255, 255, 0.93);
}
.border-right-darken-93 {
  border-right: 1px solid rgba(0, 0, 0, 0.93);
}
.border-right-lighten-93 {
  border-right: 1px solid rgba(255, 255, 255, 0.93);
}
.border-bottom-darken-93 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.93);
}
.border-bottom-lighten-93 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.93);
}
.border-left-darken-93 {
  border-left: 1px solid rgba(0, 0, 0, 0.93);
}
.border-left-lighten-93 {
  border-left: 1px solid rgba(255, 255, 255, 0.93);
}
.border-darken-94 {
  border: 1px solid rgba(0, 0, 0, 0.94);
}
.border-lighten-94 {
  border: 1px solid rgba(255, 255, 255, 0.94);
}
.border-top-darken-94 {
  border-top: 1px solid rgba(0, 0, 0, 0.94);
}
.border-top-lighten-94 {
  border-top: 1px solid rgba(255, 255, 255, 0.94);
}
.border-right-darken-94 {
  border-right: 1px solid rgba(0, 0, 0, 0.94);
}
.border-right-lighten-94 {
  border-right: 1px solid rgba(255, 255, 255, 0.94);
}
.border-bottom-darken-94 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.94);
}
.border-bottom-lighten-94 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.94);
}
.border-left-darken-94 {
  border-left: 1px solid rgba(0, 0, 0, 0.94);
}
.border-left-lighten-94 {
  border-left: 1px solid rgba(255, 255, 255, 0.94);
}
.border-darken-95 {
  border: 1px solid rgba(0, 0, 0, 0.95);
}
.border-lighten-95 {
  border: 1px solid rgba(255, 255, 255, 0.95);
}
.border-top-darken-95 {
  border-top: 1px solid rgba(0, 0, 0, 0.95);
}
.border-top-lighten-95 {
  border-top: 1px solid rgba(255, 255, 255, 0.95);
}
.border-right-darken-95 {
  border-right: 1px solid rgba(0, 0, 0, 0.95);
}
.border-right-lighten-95 {
  border-right: 1px solid rgba(255, 255, 255, 0.95);
}
.border-bottom-darken-95 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.95);
}
.border-bottom-lighten-95 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.95);
}
.border-left-darken-95 {
  border-left: 1px solid rgba(0, 0, 0, 0.95);
}
.border-left-lighten-95 {
  border-left: 1px solid rgba(255, 255, 255, 0.95);
}
.border-darken-96 {
  border: 1px solid rgba(0, 0, 0, 0.96);
}
.border-lighten-96 {
  border: 1px solid rgba(255, 255, 255, 0.96);
}
.border-top-darken-96 {
  border-top: 1px solid rgba(0, 0, 0, 0.96);
}
.border-top-lighten-96 {
  border-top: 1px solid rgba(255, 255, 255, 0.96);
}
.border-right-darken-96 {
  border-right: 1px solid rgba(0, 0, 0, 0.96);
}
.border-right-lighten-96 {
  border-right: 1px solid rgba(255, 255, 255, 0.96);
}
.border-bottom-darken-96 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.96);
}
.border-bottom-lighten-96 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.96);
}
.border-left-darken-96 {
  border-left: 1px solid rgba(0, 0, 0, 0.96);
}
.border-left-lighten-96 {
  border-left: 1px solid rgba(255, 255, 255, 0.96);
}
.border-darken-97 {
  border: 1px solid rgba(0, 0, 0, 0.97);
}
.border-lighten-97 {
  border: 1px solid rgba(255, 255, 255, 0.97);
}
.border-top-darken-97 {
  border-top: 1px solid rgba(0, 0, 0, 0.97);
}
.border-top-lighten-97 {
  border-top: 1px solid rgba(255, 255, 255, 0.97);
}
.border-right-darken-97 {
  border-right: 1px solid rgba(0, 0, 0, 0.97);
}
.border-right-lighten-97 {
  border-right: 1px solid rgba(255, 255, 255, 0.97);
}
.border-bottom-darken-97 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.97);
}
.border-bottom-lighten-97 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.97);
}
.border-left-darken-97 {
  border-left: 1px solid rgba(0, 0, 0, 0.97);
}
.border-left-lighten-97 {
  border-left: 1px solid rgba(255, 255, 255, 0.97);
}
.border-darken-98 {
  border: 1px solid rgba(0, 0, 0, 0.98);
}
.border-lighten-98 {
  border: 1px solid rgba(255, 255, 255, 0.98);
}
.border-top-darken-98 {
  border-top: 1px solid rgba(0, 0, 0, 0.98);
}
.border-top-lighten-98 {
  border-top: 1px solid rgba(255, 255, 255, 0.98);
}
.border-right-darken-98 {
  border-right: 1px solid rgba(0, 0, 0, 0.98);
}
.border-right-lighten-98 {
  border-right: 1px solid rgba(255, 255, 255, 0.98);
}
.border-bottom-darken-98 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.98);
}
.border-bottom-lighten-98 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.98);
}
.border-left-darken-98 {
  border-left: 1px solid rgba(0, 0, 0, 0.98);
}
.border-left-lighten-98 {
  border-left: 1px solid rgba(255, 255, 255, 0.98);
}
.border-darken-99 {
  border: 1px solid rgba(0, 0, 0, 0.99);
}
.border-lighten-99 {
  border: 1px solid rgba(255, 255, 255, 0.99);
}
.border-top-darken-99 {
  border-top: 1px solid rgba(0, 0, 0, 0.99);
}
.border-top-lighten-99 {
  border-top: 1px solid rgba(255, 255, 255, 0.99);
}
.border-right-darken-99 {
  border-right: 1px solid rgba(0, 0, 0, 0.99);
}
.border-right-lighten-99 {
  border-right: 1px solid rgba(255, 255, 255, 0.99);
}
.border-bottom-darken-99 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.99);
}
.border-bottom-lighten-99 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.99);
}
.border-left-darken-99 {
  border-left: 1px solid rgba(0, 0, 0, 0.99);
}
.border-left-lighten-99 {
  border-left: 1px solid rgba(255, 255, 255, 0.99);
}
.border-darken-100 {
  border: 1px solid black;
}
.border-lighten-100 {
  border: 1px solid white;
}
.border-top-darken-100 {
  border-top: 1px solid black;
}
.border-top-lighten-100 {
  border-top: 1px solid white;
}
.border-right-darken-100 {
  border-right: 1px solid black;
}
.border-right-lighten-100 {
  border-right: 1px solid white;
}
.border-bottom-darken-100 {
  border-bottom: 1px solid black;
}
.border-bottom-lighten-100 {
  border-bottom: 1px solid white;
}
.border-left-darken-100 {
  border-left: 1px solid black;
}
.border-left-lighten-100 {
  border-left: 1px solid white;
}
.pointer {
  cursor: pointer;
}
.transition {
  transition: ease all 0.2s;
}
.hover {
  transition: ease all 0.2s;
}
.hover:hover {
  border-color: #e5b35c;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
.hover:hover > .panel > .panel-header,
.hover:hover > .panel > .panel-content,
.hover:hover > .panel > .panel-footer {
  border-color: #e5b35c;
}
.hover:focus, .hover:focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
:disabled,
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.video-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}
.video-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.max {
  max-width: 1024px;
  margin: 0 auto;
}
.max-100 {
  max-width: 100%;
  min-width: 0;
}
.none {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  visibility: hidden;
}
@media (max-width: 320px) {
  .xsmall-none,
  .xsmall-hide {
    display: none;
  }
  .xsmall-block,
  .xsmall-show {
    display: block;
  }
  .xsmall-hidden {
    visibility: hidden;
  }
  .xsmall-visible {
    visibility: visible;
  }
  .xsmall-1,
  .xsmall-width-1 {
    width: 8.3333333333%;
  }
  .xsmall-height-1 {
    height: 8.3333333333%;
  }
  .xsmall-2,
  .xsmall-width-2 {
    width: 16.6666666667%;
  }
  .xsmall-height-2 {
    height: 16.6666666667%;
  }
  .xsmall-3,
  .xsmall-width-3 {
    width: 25%;
  }
  .xsmall-height-3 {
    height: 25%;
  }
  .xsmall-4,
  .xsmall-width-4 {
    width: 33.3333333333%;
  }
  .xsmall-height-4 {
    height: 33.3333333333%;
  }
  .xsmall-5,
  .xsmall-width-5 {
    width: 41.6666666667%;
  }
  .xsmall-height-5 {
    height: 41.6666666667%;
  }
  .xsmall-6,
  .xsmall-width-6 {
    width: 50%;
  }
  .xsmall-height-6 {
    height: 50%;
  }
  .xsmall-7,
  .xsmall-width-7 {
    width: 58.3333333333%;
  }
  .xsmall-height-7 {
    height: 58.3333333333%;
  }
  .xsmall-8,
  .xsmall-width-8 {
    width: 66.6666666667%;
  }
  .xsmall-height-8 {
    height: 66.6666666667%;
  }
  .xsmall-9,
  .xsmall-width-9 {
    width: 75%;
  }
  .xsmall-height-9 {
    height: 75%;
  }
  .xsmall-10,
  .xsmall-width-10 {
    width: 83.3333333333%;
  }
  .xsmall-height-10 {
    height: 83.3333333333%;
  }
  .xsmall-11,
  .xsmall-width-11 {
    width: 91.6666666667%;
  }
  .xsmall-height-11 {
    height: 91.6666666667%;
  }
  .xsmall-12,
  .xsmall-width-12 {
    width: 100%;
  }
  .xsmall-height-12 {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .small-none,
  .small-hide {
    display: none;
  }
  .small-block,
  .small-show {
    display: block;
  }
  .small-hidden {
    visibility: hidden;
  }
  .small-visible {
    visibility: visible;
  }
  .small-1,
  .small-width-1 {
    width: 8.3333333333%;
  }
  .small-height-1 {
    height: 8.3333333333%;
  }
  .small-2,
  .small-width-2 {
    width: 16.6666666667%;
  }
  .small-height-2 {
    height: 16.6666666667%;
  }
  .small-3,
  .small-width-3 {
    width: 25%;
  }
  .small-height-3 {
    height: 25%;
  }
  .small-4,
  .small-width-4 {
    width: 33.3333333333%;
  }
  .small-height-4 {
    height: 33.3333333333%;
  }
  .small-5,
  .small-width-5 {
    width: 41.6666666667%;
  }
  .small-height-5 {
    height: 41.6666666667%;
  }
  .small-6,
  .small-width-6 {
    width: 50%;
  }
  .small-height-6 {
    height: 50%;
  }
  .small-7,
  .small-width-7 {
    width: 58.3333333333%;
  }
  .small-height-7 {
    height: 58.3333333333%;
  }
  .small-8,
  .small-width-8 {
    width: 66.6666666667%;
  }
  .small-height-8 {
    height: 66.6666666667%;
  }
  .small-9,
  .small-width-9 {
    width: 75%;
  }
  .small-height-9 {
    height: 75%;
  }
  .small-10,
  .small-width-10 {
    width: 83.3333333333%;
  }
  .small-height-10 {
    height: 83.3333333333%;
  }
  .small-11,
  .small-width-11 {
    width: 91.6666666667%;
  }
  .small-height-11 {
    height: 91.6666666667%;
  }
  .small-12,
  .small-width-12 {
    width: 100%;
  }
  .small-height-12 {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .medium-none,
  .medium-hide {
    display: none;
  }
  .medium-block,
  .medium-show {
    display: block;
  }
  .medium-hidden {
    visibility: hidden;
  }
  .medium-visible {
    visibility: visible;
  }
  .medium-1,
  .medium-width-1 {
    width: 8.3333333333%;
  }
  .medium-height-1 {
    height: 8.3333333333%;
  }
  .medium-2,
  .medium-width-2 {
    width: 16.6666666667%;
  }
  .medium-height-2 {
    height: 16.6666666667%;
  }
  .medium-3,
  .medium-width-3 {
    width: 25%;
  }
  .medium-height-3 {
    height: 25%;
  }
  .medium-4,
  .medium-width-4 {
    width: 33.3333333333%;
  }
  .medium-height-4 {
    height: 33.3333333333%;
  }
  .medium-5,
  .medium-width-5 {
    width: 41.6666666667%;
  }
  .medium-height-5 {
    height: 41.6666666667%;
  }
  .medium-6,
  .medium-width-6 {
    width: 50%;
  }
  .medium-height-6 {
    height: 50%;
  }
  .medium-7,
  .medium-width-7 {
    width: 58.3333333333%;
  }
  .medium-height-7 {
    height: 58.3333333333%;
  }
  .medium-8,
  .medium-width-8 {
    width: 66.6666666667%;
  }
  .medium-height-8 {
    height: 66.6666666667%;
  }
  .medium-9,
  .medium-width-9 {
    width: 75%;
  }
  .medium-height-9 {
    height: 75%;
  }
  .medium-10,
  .medium-width-10 {
    width: 83.3333333333%;
  }
  .medium-height-10 {
    height: 83.3333333333%;
  }
  .medium-11,
  .medium-width-11 {
    width: 91.6666666667%;
  }
  .medium-height-11 {
    height: 91.6666666667%;
  }
  .medium-12,
  .medium-width-12 {
    width: 100%;
  }
  .medium-height-12 {
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .large-none,
  .large-hide {
    display: none;
  }
  .large-block,
  .large-show {
    display: block;
  }
  .large-hidden {
    visibility: hidden;
  }
  .large-visible {
    visibility: visible;
  }
  .large-1,
  .large-width-1 {
    width: 8.3333333333%;
  }
  .large-height-1 {
    height: 8.3333333333%;
  }
  .large-2,
  .large-width-2 {
    width: 16.6666666667%;
  }
  .large-height-2 {
    height: 16.6666666667%;
  }
  .large-3,
  .large-width-3 {
    width: 25%;
  }
  .large-height-3 {
    height: 25%;
  }
  .large-4,
  .large-width-4 {
    width: 33.3333333333%;
  }
  .large-height-4 {
    height: 33.3333333333%;
  }
  .large-5,
  .large-width-5 {
    width: 41.6666666667%;
  }
  .large-height-5 {
    height: 41.6666666667%;
  }
  .large-6,
  .large-width-6 {
    width: 50%;
  }
  .large-height-6 {
    height: 50%;
  }
  .large-7,
  .large-width-7 {
    width: 58.3333333333%;
  }
  .large-height-7 {
    height: 58.3333333333%;
  }
  .large-8,
  .large-width-8 {
    width: 66.6666666667%;
  }
  .large-height-8 {
    height: 66.6666666667%;
  }
  .large-9,
  .large-width-9 {
    width: 75%;
  }
  .large-height-9 {
    height: 75%;
  }
  .large-10,
  .large-width-10 {
    width: 83.3333333333%;
  }
  .large-height-10 {
    height: 83.3333333333%;
  }
  .large-11,
  .large-width-11 {
    width: 91.6666666667%;
  }
  .large-height-11 {
    height: 91.6666666667%;
  }
  .large-12,
  .large-width-12 {
    width: 100%;
  }
  .large-height-12 {
    height: 100%;
  }
}
@media (max-width: 1440px) {
  .xlarge-none,
  .xlarge-hide {
    display: none;
  }
  .xlarge-block,
  .xlarge-show {
    display: block;
  }
  .xlarge-hidden {
    visibility: hidden;
  }
  .xlarge-visible {
    visibility: visible;
  }
  .xlarge-1,
  .xlarge-width-1 {
    width: 8.3333333333%;
  }
  .xlarge-height-1 {
    height: 8.3333333333%;
  }
  .xlarge-2,
  .xlarge-width-2 {
    width: 16.6666666667%;
  }
  .xlarge-height-2 {
    height: 16.6666666667%;
  }
  .xlarge-3,
  .xlarge-width-3 {
    width: 25%;
  }
  .xlarge-height-3 {
    height: 25%;
  }
  .xlarge-4,
  .xlarge-width-4 {
    width: 33.3333333333%;
  }
  .xlarge-height-4 {
    height: 33.3333333333%;
  }
  .xlarge-5,
  .xlarge-width-5 {
    width: 41.6666666667%;
  }
  .xlarge-height-5 {
    height: 41.6666666667%;
  }
  .xlarge-6,
  .xlarge-width-6 {
    width: 50%;
  }
  .xlarge-height-6 {
    height: 50%;
  }
  .xlarge-7,
  .xlarge-width-7 {
    width: 58.3333333333%;
  }
  .xlarge-height-7 {
    height: 58.3333333333%;
  }
  .xlarge-8,
  .xlarge-width-8 {
    width: 66.6666666667%;
  }
  .xlarge-height-8 {
    height: 66.6666666667%;
  }
  .xlarge-9,
  .xlarge-width-9 {
    width: 75%;
  }
  .xlarge-height-9 {
    height: 75%;
  }
  .xlarge-10,
  .xlarge-width-10 {
    width: 83.3333333333%;
  }
  .xlarge-height-10 {
    height: 83.3333333333%;
  }
  .xlarge-11,
  .xlarge-width-11 {
    width: 91.6666666667%;
  }
  .xlarge-height-11 {
    height: 91.6666666667%;
  }
  .xlarge-12,
  .xlarge-width-12 {
    width: 100%;
  }
  .xlarge-height-12 {
    height: 100%;
  }
}
img {
  max-width: 100%;
}
.grecaptcha-badge {
  visibility: hidden;
}
.min-height-0 {
  min-height: 0;
}
.min-width-0 {
  min-width: 0;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.shadow-xsmall {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
.shadow-small {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
.shadow-large {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}
.shadow-xlarge {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5) !important;
}
.shadow-inset {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.shadow-strong {
  box-shadow: 0 0.5vw 50vw 10vw rgba(0, 0, 0, 0.9) !important;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  flex: 1 0 0;
}
.flex.flex-nowrap {
  flex-wrap: nowrap;
}
.box {
  flex: 1 0 0;
  min-width: 0;
}
.box-0 {
  flex: initial !important;
  min-width: 0;
}
.flex-start {
  align-items: flex-start !important;
}
.align-center {
  align-items: center !important;
}
.flex-end {
  align-items: flex-end !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-between {
  justify-content: space-between !important;
}
.vertical {
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (max-width: 1440px) {
  .xlarge-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 1024px) {
  .large-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 768px) {
  .medium-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 480px) {
  .small-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (max-width: 320px) {
  .xsmall-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.gap {
  gap: 4px;
}
.gap-1 {
  gap: 4px;
}
.gap-2 {
  gap: 8px;
}
.gap-3 {
  gap: 12px;
}
.gap-4 {
  gap: 16px;
}
.gap-5 {
  gap: 20px;
}
.gap-6 {
  gap: 24px;
}
.gap-7 {
  gap: 28px;
}
.gap-8 {
  gap: 32px;
}
.gap-9 {
  gap: 36px;
}
.gap-10 {
  gap: 40px;
}
.gap-11 {
  gap: 44px;
}
.gap-12 {
  gap: 48px;
}
.gap-13 {
  gap: 52px;
}
.gap-14 {
  gap: 56px;
}
.gap-15 {
  gap: 60px;
}
.gap-16 {
  gap: 64px;
}
.gap-17 {
  gap: 68px;
}
.gap-18 {
  gap: 72px;
}
.gap-19 {
  gap: 76px;
}
.gap-20 {
  gap: 80px;
}
.gap-21 {
  gap: 84px;
}
.gap-22 {
  gap: 88px;
}
.gap-23 {
  gap: 92px;
}
.gap-24 {
  gap: 96px;
}
.box-1-1 {
  flex: 1.1 0 0;
  min-width: 0;
}
.box-1-2 {
  flex: 1.2 0 0;
  min-width: 0;
}
.box-1-3 {
  flex: 1.3 0 0;
  min-width: 0;
}
.box-1-4 {
  flex: 1.4 0 0;
  min-width: 0;
}
.box-1-5 {
  flex: 1.5 0 0;
  min-width: 0;
}
.box-1-6 {
  flex: 1.6 0 0;
  min-width: 0;
}
.box-1-7 {
  flex: 1.7 0 0;
  min-width: 0;
}
.box-1-8 {
  flex: 1.8 0 0;
  min-width: 0;
}
.box-1-9 {
  flex: 1.9 0 0;
  min-width: 0;
}
.box-1-10 {
  flex: 2 0 0;
  min-width: 0;
}
.box-1 {
  flex: 1 0 0;
  min-width: 0;
}
.box-1-1 {
  flex: 1.1;
  min-width: 0;
}
.box-1-2 {
  flex: 1.2;
  min-width: 0;
}
.box-1-3 {
  flex: 1.3;
  min-width: 0;
}
.box-1-4 {
  flex: 1.4;
  min-width: 0;
}
.box-1-5 {
  flex: 1.5;
  min-width: 0;
}
.box-1-6 {
  flex: 1.6;
  min-width: 0;
}
.box-1-7 {
  flex: 1.7;
  min-width: 0;
}
.box-1-8 {
  flex: 1.8;
  min-width: 0;
}
.box-1-9 {
  flex: 1.9;
  min-width: 0;
}
.box-1-10 {
  flex: 2;
  min-width: 0;
}
.box-2 {
  flex: 2 0 0;
  min-width: 0;
}
.box-2-1 {
  flex: 2.1;
  min-width: 0;
}
.box-2-2 {
  flex: 2.2;
  min-width: 0;
}
.box-2-3 {
  flex: 2.3;
  min-width: 0;
}
.box-2-4 {
  flex: 2.4;
  min-width: 0;
}
.box-2-5 {
  flex: 2.5;
  min-width: 0;
}
.box-2-6 {
  flex: 2.6;
  min-width: 0;
}
.box-2-7 {
  flex: 2.7;
  min-width: 0;
}
.box-2-8 {
  flex: 2.8;
  min-width: 0;
}
.box-2-9 {
  flex: 2.9;
  min-width: 0;
}
.box-2-10 {
  flex: 3;
  min-width: 0;
}
.box-3 {
  flex: 3 0 0;
  min-width: 0;
}
.box-3-1 {
  flex: 3.1;
  min-width: 0;
}
.box-3-2 {
  flex: 3.2;
  min-width: 0;
}
.box-3-3 {
  flex: 3.3;
  min-width: 0;
}
.box-3-4 {
  flex: 3.4;
  min-width: 0;
}
.box-3-5 {
  flex: 3.5;
  min-width: 0;
}
.box-3-6 {
  flex: 3.6;
  min-width: 0;
}
.box-3-7 {
  flex: 3.7;
  min-width: 0;
}
.box-3-8 {
  flex: 3.8;
  min-width: 0;
}
.box-3-9 {
  flex: 3.9;
  min-width: 0;
}
.box-3-10 {
  flex: 4;
  min-width: 0;
}
.box-4 {
  flex: 4 0 0;
  min-width: 0;
}
.box-4-1 {
  flex: 4.1;
  min-width: 0;
}
.box-4-2 {
  flex: 4.2;
  min-width: 0;
}
.box-4-3 {
  flex: 4.3;
  min-width: 0;
}
.box-4-4 {
  flex: 4.4;
  min-width: 0;
}
.box-4-5 {
  flex: 4.5;
  min-width: 0;
}
.box-4-6 {
  flex: 4.6;
  min-width: 0;
}
.box-4-7 {
  flex: 4.7;
  min-width: 0;
}
.box-4-8 {
  flex: 4.8;
  min-width: 0;
}
.box-4-9 {
  flex: 4.9;
  min-width: 0;
}
.box-4-10 {
  flex: 5;
  min-width: 0;
}
.box-5 {
  flex: 5 0 0;
  min-width: 0;
}
.box-5-1 {
  flex: 5.1;
  min-width: 0;
}
.box-5-2 {
  flex: 5.2;
  min-width: 0;
}
.box-5-3 {
  flex: 5.3;
  min-width: 0;
}
.box-5-4 {
  flex: 5.4;
  min-width: 0;
}
.box-5-5 {
  flex: 5.5;
  min-width: 0;
}
.box-5-6 {
  flex: 5.6;
  min-width: 0;
}
.box-5-7 {
  flex: 5.7;
  min-width: 0;
}
.box-5-8 {
  flex: 5.8;
  min-width: 0;
}
.box-5-9 {
  flex: 5.9;
  min-width: 0;
}
.box-5-10 {
  flex: 6;
  min-width: 0;
}
.box-6 {
  flex: 6 0 0;
  min-width: 0;
}
.box-6-1 {
  flex: 6.1;
  min-width: 0;
}
.box-6-2 {
  flex: 6.2;
  min-width: 0;
}
.box-6-3 {
  flex: 6.3;
  min-width: 0;
}
.box-6-4 {
  flex: 6.4;
  min-width: 0;
}
.box-6-5 {
  flex: 6.5;
  min-width: 0;
}
.box-6-6 {
  flex: 6.6;
  min-width: 0;
}
.box-6-7 {
  flex: 6.7;
  min-width: 0;
}
.box-6-8 {
  flex: 6.8;
  min-width: 0;
}
.box-6-9 {
  flex: 6.9;
  min-width: 0;
}
.box-6-10 {
  flex: 7;
  min-width: 0;
}
.box-7 {
  flex: 7 0 0;
  min-width: 0;
}
.box-7-1 {
  flex: 7.1;
  min-width: 0;
}
.box-7-2 {
  flex: 7.2;
  min-width: 0;
}
.box-7-3 {
  flex: 7.3;
  min-width: 0;
}
.box-7-4 {
  flex: 7.4;
  min-width: 0;
}
.box-7-5 {
  flex: 7.5;
  min-width: 0;
}
.box-7-6 {
  flex: 7.6;
  min-width: 0;
}
.box-7-7 {
  flex: 7.7;
  min-width: 0;
}
.box-7-8 {
  flex: 7.8;
  min-width: 0;
}
.box-7-9 {
  flex: 7.9;
  min-width: 0;
}
.box-7-10 {
  flex: 8;
  min-width: 0;
}
.box-8 {
  flex: 8 0 0;
  min-width: 0;
}
.box-8-1 {
  flex: 8.1;
  min-width: 0;
}
.box-8-2 {
  flex: 8.2;
  min-width: 0;
}
.box-8-3 {
  flex: 8.3;
  min-width: 0;
}
.box-8-4 {
  flex: 8.4;
  min-width: 0;
}
.box-8-5 {
  flex: 8.5;
  min-width: 0;
}
.box-8-6 {
  flex: 8.6;
  min-width: 0;
}
.box-8-7 {
  flex: 8.7;
  min-width: 0;
}
.box-8-8 {
  flex: 8.8;
  min-width: 0;
}
.box-8-9 {
  flex: 8.9;
  min-width: 0;
}
.box-8-10 {
  flex: 9;
  min-width: 0;
}
.box-9 {
  flex: 9 0 0;
  min-width: 0;
}
.box-9-1 {
  flex: 9.1;
  min-width: 0;
}
.box-9-2 {
  flex: 9.2;
  min-width: 0;
}
.box-9-3 {
  flex: 9.3;
  min-width: 0;
}
.box-9-4 {
  flex: 9.4;
  min-width: 0;
}
.box-9-5 {
  flex: 9.5;
  min-width: 0;
}
.box-9-6 {
  flex: 9.6;
  min-width: 0;
}
.box-9-7 {
  flex: 9.7;
  min-width: 0;
}
.box-9-8 {
  flex: 9.8;
  min-width: 0;
}
.box-9-9 {
  flex: 9.9;
  min-width: 0;
}
.box-9-10 {
  flex: 10;
  min-width: 0;
}
.box-10 {
  flex: 10 0 0;
  min-width: 0;
}
.box-10-1 {
  flex: 10.1;
  min-width: 0;
}
.box-10-2 {
  flex: 10.2;
  min-width: 0;
}
.box-10-3 {
  flex: 10.3;
  min-width: 0;
}
.box-10-4 {
  flex: 10.4;
  min-width: 0;
}
.box-10-5 {
  flex: 10.5;
  min-width: 0;
}
.box-10-6 {
  flex: 10.6;
  min-width: 0;
}
.box-10-7 {
  flex: 10.7;
  min-width: 0;
}
.box-10-8 {
  flex: 10.8;
  min-width: 0;
}
.box-10-9 {
  flex: 10.9;
  min-width: 0;
}
.box-10-10 {
  flex: 11;
  min-width: 0;
}
.width-1 {
  width: 8.3333333333% !important;
}
.height-1 {
  height: 8.3333333333% !important;
}
.width-2 {
  width: 16.6666666667% !important;
}
.height-2 {
  height: 16.6666666667% !important;
}
.width-3 {
  width: 25% !important;
}
.height-3 {
  height: 25% !important;
}
.width-4 {
  width: 33.3333333333% !important;
}
.height-4 {
  height: 33.3333333333% !important;
}
.width-5 {
  width: 41.6666666667% !important;
}
.height-5 {
  height: 41.6666666667% !important;
}
.width-6 {
  width: 50% !important;
}
.height-6 {
  height: 50% !important;
}
.width-7 {
  width: 58.3333333333% !important;
}
.height-7 {
  height: 58.3333333333% !important;
}
.width-8 {
  width: 66.6666666667% !important;
}
.height-8 {
  height: 66.6666666667% !important;
}
.width-9 {
  width: 75% !important;
}
.height-9 {
  height: 75% !important;
}
.width-10 {
  width: 83.3333333333% !important;
}
.height-10 {
  height: 83.3333333333% !important;
}
.width-11 {
  width: 91.6666666667% !important;
}
.height-11 {
  height: 91.6666666667% !important;
}
.width-12 {
  width: 100% !important;
}
.height-12 {
  height: 100% !important;
}
.width-10 {
  width: 10% !important;
}
.width-20 {
  width: 20% !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.width-80 {
  width: 80% !important;
}
.width-90 {
  width: 90% !important;
}
.width-100 {
  width: 100% !important;
}
@media (max-width: 1440px) {
  .xlarge-1 {
    width: 8.3333333333% !important;
  }
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-2 {
    width: 16.6666666667% !important;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-3 {
    width: 25% !important;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-4 {
    width: 33.3333333333% !important;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-5 {
    width: 41.6666666667% !important;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-6 {
    width: 50% !important;
  }
  .xlarge-order-6 {
    order: 6;
  }
  .xlarge-7 {
    width: 58.3333333333% !important;
  }
  .xlarge-order-7 {
    order: 7;
  }
  .xlarge-8 {
    width: 66.6666666667% !important;
  }
  .xlarge-order-8 {
    order: 8;
  }
  .xlarge-9 {
    width: 75% !important;
  }
  .xlarge-order-9 {
    order: 9;
  }
  .xlarge-10 {
    width: 83.3333333333% !important;
  }
  .xlarge-order-10 {
    order: 10;
  }
  .xlarge-11 {
    width: 91.6666666667% !important;
  }
  .xlarge-order-11 {
    order: 11;
  }
  .xlarge-12 {
    width: 100% !important;
  }
  .xlarge-order-12 {
    order: 12;
  }
}
@media (max-width: 1024px) {
  .large-1 {
    width: 8.3333333333% !important;
  }
  .large-order-1 {
    order: 1;
  }
  .large-2 {
    width: 16.6666666667% !important;
  }
  .large-order-2 {
    order: 2;
  }
  .large-3 {
    width: 25% !important;
  }
  .large-order-3 {
    order: 3;
  }
  .large-4 {
    width: 33.3333333333% !important;
  }
  .large-order-4 {
    order: 4;
  }
  .large-5 {
    width: 41.6666666667% !important;
  }
  .large-order-5 {
    order: 5;
  }
  .large-6 {
    width: 50% !important;
  }
  .large-order-6 {
    order: 6;
  }
  .large-7 {
    width: 58.3333333333% !important;
  }
  .large-order-7 {
    order: 7;
  }
  .large-8 {
    width: 66.6666666667% !important;
  }
  .large-order-8 {
    order: 8;
  }
  .large-9 {
    width: 75% !important;
  }
  .large-order-9 {
    order: 9;
  }
  .large-10 {
    width: 83.3333333333% !important;
  }
  .large-order-10 {
    order: 10;
  }
  .large-11 {
    width: 91.6666666667% !important;
  }
  .large-order-11 {
    order: 11;
  }
  .large-12 {
    width: 100% !important;
  }
  .large-order-12 {
    order: 12;
  }
}
@media (max-width: 768px) {
  .medium-1 {
    width: 8.3333333333% !important;
  }
  .medium-order-1 {
    order: 1;
  }
  .medium-2 {
    width: 16.6666666667% !important;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-3 {
    width: 25% !important;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-4 {
    width: 33.3333333333% !important;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-5 {
    width: 41.6666666667% !important;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-6 {
    width: 50% !important;
  }
  .medium-order-6 {
    order: 6;
  }
  .medium-7 {
    width: 58.3333333333% !important;
  }
  .medium-order-7 {
    order: 7;
  }
  .medium-8 {
    width: 66.6666666667% !important;
  }
  .medium-order-8 {
    order: 8;
  }
  .medium-9 {
    width: 75% !important;
  }
  .medium-order-9 {
    order: 9;
  }
  .medium-10 {
    width: 83.3333333333% !important;
  }
  .medium-order-10 {
    order: 10;
  }
  .medium-11 {
    width: 91.6666666667% !important;
  }
  .medium-order-11 {
    order: 11;
  }
  .medium-12 {
    width: 100% !important;
  }
  .medium-order-12 {
    order: 12;
  }
}
@media (max-width: 480px) {
  .small-1 {
    width: 8.3333333333% !important;
  }
  .small-order-1 {
    order: 1;
  }
  .small-2 {
    width: 16.6666666667% !important;
  }
  .small-order-2 {
    order: 2;
  }
  .small-3 {
    width: 25% !important;
  }
  .small-order-3 {
    order: 3;
  }
  .small-4 {
    width: 33.3333333333% !important;
  }
  .small-order-4 {
    order: 4;
  }
  .small-5 {
    width: 41.6666666667% !important;
  }
  .small-order-5 {
    order: 5;
  }
  .small-6 {
    width: 50% !important;
  }
  .small-order-6 {
    order: 6;
  }
  .small-7 {
    width: 58.3333333333% !important;
  }
  .small-order-7 {
    order: 7;
  }
  .small-8 {
    width: 66.6666666667% !important;
  }
  .small-order-8 {
    order: 8;
  }
  .small-9 {
    width: 75% !important;
  }
  .small-order-9 {
    order: 9;
  }
  .small-10 {
    width: 83.3333333333% !important;
  }
  .small-order-10 {
    order: 10;
  }
  .small-11 {
    width: 91.6666666667% !important;
  }
  .small-order-11 {
    order: 11;
  }
  .small-12 {
    width: 100% !important;
  }
  .small-order-12 {
    order: 12;
  }
}
@media (max-width: 320px) {
  .xsmall-1 {
    width: 8.3333333333% !important;
  }
  .xsmall-order-1 {
    order: 1;
  }
  .xsmall-2 {
    width: 16.6666666667% !important;
  }
  .xsmall-order-2 {
    order: 2;
  }
  .xsmall-3 {
    width: 25% !important;
  }
  .xsmall-order-3 {
    order: 3;
  }
  .xsmall-4 {
    width: 33.3333333333% !important;
  }
  .xsmall-order-4 {
    order: 4;
  }
  .xsmall-5 {
    width: 41.6666666667% !important;
  }
  .xsmall-order-5 {
    order: 5;
  }
  .xsmall-6 {
    width: 50% !important;
  }
  .xsmall-order-6 {
    order: 6;
  }
  .xsmall-7 {
    width: 58.3333333333% !important;
  }
  .xsmall-order-7 {
    order: 7;
  }
  .xsmall-8 {
    width: 66.6666666667% !important;
  }
  .xsmall-order-8 {
    order: 8;
  }
  .xsmall-9 {
    width: 75% !important;
  }
  .xsmall-order-9 {
    order: 9;
  }
  .xsmall-10 {
    width: 83.3333333333% !important;
  }
  .xsmall-order-10 {
    order: 10;
  }
  .xsmall-11 {
    width: 91.6666666667% !important;
  }
  .xsmall-order-11 {
    order: 11;
  }
  .xsmall-12 {
    width: 100% !important;
  }
  .xsmall-order-12 {
    order: 12;
  }
}
.fullWidth,
.full-width {
  width: 100% !important;
  flex: 1 0 0 !important;
  min-width: 0;
  display: block !important;
}
.fullHeight,
.full-height {
  height: 100% !important;
}
.blurred {
  filter: blur(16px);
}
.grid {
  display: grid;
  min-width: 0;
  max-width: 100%;
  flex: 1 0 0;
}
.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.columns-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.columns-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.columns-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.columns-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.columns-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.columns-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.rows-1 {
  grid-template-rows: repeat(1, 1fr);
}
.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}
.rows-3 {
  grid-template-rows: repeat(3, 1fr);
}
.rows-4 {
  grid-template-rows: repeat(4, 1fr);
}
.rows-5 {
  grid-template-rows: repeat(5, 1fr);
}
.rows-6 {
  grid-template-rows: repeat(6, 1fr);
}
.rows-7 {
  grid-template-rows: repeat(7, 1fr);
}
.rows-8 {
  grid-template-rows: repeat(8, 1fr);
}
.rows-9 {
  grid-template-rows: repeat(9, 1fr);
}
.rows-10 {
  grid-template-rows: repeat(10, 1fr);
}
.rows-11 {
  grid-template-rows: repeat(11, 1fr);
}
.rows-12 {
  grid-template-rows: repeat(12, 1fr);
}
@media (max-width: 1440px) {
  .xlarge-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xlarge-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xlarge-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xlarge-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xlarge-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xlarge-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xlarge-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xlarge-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xlarge-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xlarge-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xlarge-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xlarge-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .large-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .large-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .large-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .large-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .large-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .large-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .large-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .large-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .large-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .large-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .large-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .large-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .medium-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .medium-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .medium-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .medium-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .medium-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .medium-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .medium-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .medium-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .medium-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .medium-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .medium-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .medium-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .small-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .small-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .small-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .small-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .small-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .small-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .small-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .small-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .small-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .small-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .small-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .small-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 320px) {
  .xsmall-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xsmall-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xsmall-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xsmall-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xsmall-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xsmall-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xsmall-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xsmall-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xsmall-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xsmall-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xsmall-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xsmall-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.icon.large {
  font-size: 2rem;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.fixed {
  position: fixed !important;
}
.top {
  top: 0 !important;
}
.left {
  left: 0 !important;
}
.right {
  right: 0 !important;
}
.bottom {
  bottom: 0 !important;
}
.top-auto {
  top: auto !important;
}
.left-auto {
  left: auto !important;
}
.right-auto {
  right: auto !important;
}
.bottom-auto {
  bottom: auto !important;
}
.top-1 {
  top: 8.3333333333%;
}
.left-1 {
  left: 8.3333333333%;
}
.right-1 {
  right: 8.3333333333%;
}
.bottom-1 {
  bottom: 8.3333333333%;
}
.top-2 {
  top: 16.6666666667%;
}
.left-2 {
  left: 16.6666666667%;
}
.right-2 {
  right: 16.6666666667%;
}
.bottom-2 {
  bottom: 16.6666666667%;
}
.top-3 {
  top: 25%;
}
.left-3 {
  left: 25%;
}
.right-3 {
  right: 25%;
}
.bottom-3 {
  bottom: 25%;
}
.top-4 {
  top: 33.3333333333%;
}
.left-4 {
  left: 33.3333333333%;
}
.right-4 {
  right: 33.3333333333%;
}
.bottom-4 {
  bottom: 33.3333333333%;
}
.top-5 {
  top: 41.6666666667%;
}
.left-5 {
  left: 41.6666666667%;
}
.right-5 {
  right: 41.6666666667%;
}
.bottom-5 {
  bottom: 41.6666666667%;
}
.top-6 {
  top: 50%;
}
.left-6 {
  left: 50%;
}
.right-6 {
  right: 50%;
}
.bottom-6 {
  bottom: 50%;
}
.top-7 {
  top: 58.3333333333%;
}
.left-7 {
  left: 58.3333333333%;
}
.right-7 {
  right: 58.3333333333%;
}
.bottom-7 {
  bottom: 58.3333333333%;
}
.top-8 {
  top: 66.6666666667%;
}
.left-8 {
  left: 66.6666666667%;
}
.right-8 {
  right: 66.6666666667%;
}
.bottom-8 {
  bottom: 66.6666666667%;
}
.top-9 {
  top: 75%;
}
.left-9 {
  left: 75%;
}
.right-9 {
  right: 75%;
}
.bottom-9 {
  bottom: 75%;
}
.top-10 {
  top: 83.3333333333%;
}
.left-10 {
  left: 83.3333333333%;
}
.right-10 {
  right: 83.3333333333%;
}
.bottom-10 {
  bottom: 83.3333333333%;
}
.top-11 {
  top: 91.6666666667%;
}
.left-11 {
  left: 91.6666666667%;
}
.right-11 {
  right: 91.6666666667%;
}
.bottom-11 {
  bottom: 91.6666666667%;
}
.top-12 {
  top: 100%;
}
.left-12 {
  left: 100%;
}
.right-12 {
  right: 100%;
}
.bottom-12 {
  bottom: 100%;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-21 {
  z-index: 21 !important;
}
.z-22 {
  z-index: 22 !important;
}
.z-23 {
  z-index: 23 !important;
}
.z-24 {
  z-index: 24 !important;
}
.z-25 {
  z-index: 25 !important;
}
.z-26 {
  z-index: 26 !important;
}
.z-27 {
  z-index: 27 !important;
}
.z-28 {
  z-index: 28 !important;
}
.z-29 {
  z-index: 29 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-31 {
  z-index: 31 !important;
}
.z-32 {
  z-index: 32 !important;
}
.z-33 {
  z-index: 33 !important;
}
.z-34 {
  z-index: 34 !important;
}
.z-35 {
  z-index: 35 !important;
}
.z-36 {
  z-index: 36 !important;
}
.z-37 {
  z-index: 37 !important;
}
.z-38 {
  z-index: 38 !important;
}
.z-39 {
  z-index: 39 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-41 {
  z-index: 41 !important;
}
.z-42 {
  z-index: 42 !important;
}
.z-43 {
  z-index: 43 !important;
}
.z-44 {
  z-index: 44 !important;
}
.z-45 {
  z-index: 45 !important;
}
.z-46 {
  z-index: 46 !important;
}
.z-47 {
  z-index: 47 !important;
}
.z-48 {
  z-index: 48 !important;
}
.z-49 {
  z-index: 49 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-51 {
  z-index: 51 !important;
}
.z-52 {
  z-index: 52 !important;
}
.z-53 {
  z-index: 53 !important;
}
.z-54 {
  z-index: 54 !important;
}
.z-55 {
  z-index: 55 !important;
}
.z-56 {
  z-index: 56 !important;
}
.z-57 {
  z-index: 57 !important;
}
.z-58 {
  z-index: 58 !important;
}
.z-59 {
  z-index: 59 !important;
}
.z-60 {
  z-index: 60 !important;
}
.z-61 {
  z-index: 61 !important;
}
.z-62 {
  z-index: 62 !important;
}
.z-63 {
  z-index: 63 !important;
}
.z-64 {
  z-index: 64 !important;
}
.z-65 {
  z-index: 65 !important;
}
.z-66 {
  z-index: 66 !important;
}
.z-67 {
  z-index: 67 !important;
}
.z-68 {
  z-index: 68 !important;
}
.z-69 {
  z-index: 69 !important;
}
.z-70 {
  z-index: 70 !important;
}
.z-71 {
  z-index: 71 !important;
}
.z-72 {
  z-index: 72 !important;
}
.z-73 {
  z-index: 73 !important;
}
.z-74 {
  z-index: 74 !important;
}
.z-75 {
  z-index: 75 !important;
}
.z-76 {
  z-index: 76 !important;
}
.z-77 {
  z-index: 77 !important;
}
.z-78 {
  z-index: 78 !important;
}
.z-79 {
  z-index: 79 !important;
}
.z-80 {
  z-index: 80 !important;
}
.z-81 {
  z-index: 81 !important;
}
.z-82 {
  z-index: 82 !important;
}
.z-83 {
  z-index: 83 !important;
}
.z-84 {
  z-index: 84 !important;
}
.z-85 {
  z-index: 85 !important;
}
.z-86 {
  z-index: 86 !important;
}
.z-87 {
  z-index: 87 !important;
}
.z-88 {
  z-index: 88 !important;
}
.z-89 {
  z-index: 89 !important;
}
.z-90 {
  z-index: 90 !important;
}
.z-91 {
  z-index: 91 !important;
}
.z-92 {
  z-index: 92 !important;
}
.z-93 {
  z-index: 93 !important;
}
.z-94 {
  z-index: 94 !important;
}
.z-95 {
  z-index: 95 !important;
}
.z-96 {
  z-index: 96 !important;
}
.z-97 {
  z-index: 97 !important;
}
.z-98 {
  z-index: 98 !important;
}
.z-99 {
  z-index: 99 !important;
}
.z-100 {
  z-index: 100 !important;
}
.horizontal-center {
  left: 50%;
  transform: translateX(-50%);
}
.vertical-center {
  top: 50%;
  transform: translateY(-50%);
}
.horizontal-center.vertical-center {
  transform: translate(-50%, -50%);
}
.padding {
  padding: 1em;
}
.padding-top {
  padding-top: 1em;
}
.padding-bottom {
  padding-bottom: 1em;
}
.padding-left {
  padding-left: 1em;
}
.padding-right {
  padding-right: 1em;
}
.padding-0,
.padding-none {
  padding: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-large {
  padding: 2em;
}
.padding-small {
  padding: 0.5em;
}
.padding-top-large {
  padding-top: 2em;
}
.padding-top-small {
  padding-top: 0.5em;
}
.padding-bottom-large {
  padding-bottom: 2em;
}
.padding-bottom-small {
  padding-bottom: 0.5em;
}
.padding-left-large {
  padding-left: 2em;
}
.padding-left-small {
  padding-left: 0.5em;
}
.padding-right-large {
  padding-right: 2em;
}
.padding-right-small {
  padding-right: 0.5em;
}
.padding-1 {
  padding: 1em;
}
.padding-top-1 {
  padding-top: 1em;
}
.padding-bottom-1 {
  padding-bottom: 1em;
}
.padding-left-1 {
  padding-left: 1em;
}
.padding-right-1 {
  padding-right: 1em;
}
.padding-2 {
  padding: 2em;
}
.padding-top-2 {
  padding-top: 2em;
}
.padding-bottom-2 {
  padding-bottom: 2em;
}
.padding-left-2 {
  padding-left: 2em;
}
.padding-right-2 {
  padding-right: 2em;
}
.padding-3 {
  padding: 3em;
}
.padding-top-3 {
  padding-top: 3em;
}
.padding-bottom-3 {
  padding-bottom: 3em;
}
.padding-left-3 {
  padding-left: 3em;
}
.padding-right-3 {
  padding-right: 3em;
}
.padding-4 {
  padding: 4em;
}
.padding-top-4 {
  padding-top: 4em;
}
.padding-bottom-4 {
  padding-bottom: 4em;
}
.padding-left-4 {
  padding-left: 4em;
}
.padding-right-4 {
  padding-right: 4em;
}
.padding-5 {
  padding: 5em;
}
.padding-top-5 {
  padding-top: 5em;
}
.padding-bottom-5 {
  padding-bottom: 5em;
}
.padding-left-5 {
  padding-left: 5em;
}
.padding-right-5 {
  padding-right: 5em;
}
.padding-6 {
  padding: 6em;
}
.padding-top-6 {
  padding-top: 6em;
}
.padding-bottom-6 {
  padding-bottom: 6em;
}
.padding-left-6 {
  padding-left: 6em;
}
.padding-right-6 {
  padding-right: 6em;
}
.padding-7 {
  padding: 7em;
}
.padding-top-7 {
  padding-top: 7em;
}
.padding-bottom-7 {
  padding-bottom: 7em;
}
.padding-left-7 {
  padding-left: 7em;
}
.padding-right-7 {
  padding-right: 7em;
}
.padding-8 {
  padding: 8em;
}
.padding-top-8 {
  padding-top: 8em;
}
.padding-bottom-8 {
  padding-bottom: 8em;
}
.padding-left-8 {
  padding-left: 8em;
}
.padding-right-8 {
  padding-right: 8em;
}
.padding-9 {
  padding: 9em;
}
.padding-top-9 {
  padding-top: 9em;
}
.padding-bottom-9 {
  padding-bottom: 9em;
}
.padding-left-9 {
  padding-left: 9em;
}
.padding-right-9 {
  padding-right: 9em;
}
.padding-10 {
  padding: 10em;
}
.padding-top-10 {
  padding-top: 10em;
}
.padding-bottom-10 {
  padding-bottom: 10em;
}
.padding-left-10 {
  padding-left: 10em;
}
.padding-right-10 {
  padding-right: 10em;
}
.margin {
  margin: 1em;
}
.margin-top {
  margin-top: 1em;
}
.margin-bottom {
  margin-bottom: 1em;
}
.margin-left {
  margin-left: 1em;
}
.margin-right {
  margin-right: 1em;
}
.margin-0,
.margin-none {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0 !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}
.margin-large {
  margin: 2em;
}
.margin-small {
  margin: 0.5em;
}
.margin-top-large {
  margin-top: 2em;
}
.margin-top-small {
  margin-top: 0.5em;
}
.margin-bottom-large {
  margin-bottom: 2em;
}
.margin-bottom-small {
  margin-bottom: 0.5em;
}
.margin-left-large {
  margin-left: 2em;
}
.margin-left-small {
  margin-left: 0.5em;
}
.margin-right-large {
  margin-right: 2em;
}
.margin-right-small {
  margin-right: 0.5em;
}
.margin-1 {
  margin: 1em;
}
.margin-top-1 {
  margin-top: 1em;
}
.margin-bottom-1 {
  margin-bottom: 1em;
}
.margin-left-1 {
  margin-left: 1em;
}
.margin-right-1 {
  margin-right: 1em;
}
.margin-2 {
  margin: 2em;
}
.margin-top-2 {
  margin-top: 2em;
}
.margin-bottom-2 {
  margin-bottom: 2em;
}
.margin-left-2 {
  margin-left: 2em;
}
.margin-right-2 {
  margin-right: 2em;
}
.margin-3 {
  margin: 3em;
}
.margin-top-3 {
  margin-top: 3em;
}
.margin-bottom-3 {
  margin-bottom: 3em;
}
.margin-left-3 {
  margin-left: 3em;
}
.margin-right-3 {
  margin-right: 3em;
}
.margin-4 {
  margin: 4em;
}
.margin-top-4 {
  margin-top: 4em;
}
.margin-bottom-4 {
  margin-bottom: 4em;
}
.margin-left-4 {
  margin-left: 4em;
}
.margin-right-4 {
  margin-right: 4em;
}
.margin-5 {
  margin: 5em;
}
.margin-top-5 {
  margin-top: 5em;
}
.margin-bottom-5 {
  margin-bottom: 5em;
}
.margin-left-5 {
  margin-left: 5em;
}
.margin-right-5 {
  margin-right: 5em;
}
.margin-6 {
  margin: 6em;
}
.margin-top-6 {
  margin-top: 6em;
}
.margin-bottom-6 {
  margin-bottom: 6em;
}
.margin-left-6 {
  margin-left: 6em;
}
.margin-right-6 {
  margin-right: 6em;
}
.margin-7 {
  margin: 7em;
}
.margin-top-7 {
  margin-top: 7em;
}
.margin-bottom-7 {
  margin-bottom: 7em;
}
.margin-left-7 {
  margin-left: 7em;
}
.margin-right-7 {
  margin-right: 7em;
}
.margin-8 {
  margin: 8em;
}
.margin-top-8 {
  margin-top: 8em;
}
.margin-bottom-8 {
  margin-bottom: 8em;
}
.margin-left-8 {
  margin-left: 8em;
}
.margin-right-8 {
  margin-right: 8em;
}
.margin-9 {
  margin: 9em;
}
.margin-top-9 {
  margin-top: 9em;
}
.margin-bottom-9 {
  margin-bottom: 9em;
}
.margin-left-9 {
  margin-left: 9em;
}
.margin-right-9 {
  margin-right: 9em;
}
.margin-10 {
  margin: 10em;
}
.margin-top-10 {
  margin-top: 10em;
}
.margin-bottom-10 {
  margin-bottom: 10em;
}
.margin-left-10 {
  margin-left: 10em;
}
.margin-right-10 {
  margin-right: 10em;
}
.subheading {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: 1px;
}
a {
  color: inherit;
}
.decoration-none {
  text-decoration: none !important;
}
small {
  font-size: 0.65em !important;
}
p:first-child,
ul:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
p:last-child,
ul:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
}
h1 {
  font-size: 2.5em;
  font-family: "Noto Serif", sans-serif;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.75em;
}
p {
  margin-bottom: 0.5em;
  font-family: "Roboto", serif;
}
p:not(:first-child) {
  margin-top: 0.5em;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.center {
  margin: 0 auto;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.underline {
  text-decoration: underline;
}
.strike-through {
  text-decoration: line-through;
}
.nowrap {
  white-space: nowrap;
}
.bold {
  font-weight: bold;
}
.unordered-list {
  list-style: disc;
  padding-left: 1em;
}
.ordered-list {
  list-style: decimal;
  padding-left: 1em;
}
.text-small {
  font-size: 0.8rem;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
section {
  overflow: hidden;
  font-size: 1.4em;
  padding: 2em 1em;
  position: relative;
  width: 100%;
}
section img {
  display: block;
}
section p,
section ul {
  opacity: 0.75;
}
.alt {
  background: rgba(255, 255, 255, 0.025);
}
.ck-editor {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.ck-editor .ck.ck-toolbar {
  background: rgba(30, 24, 20, 0.95);
  border: 0;
}
.ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.ck-editor .ck.ck-editor__main > .ck-editor__editable {
  border: 0 !important;
  background: rgba(22, 18, 15, 0.95);
  min-height: 200px;
}
.ck-editor .ck-button {
  cursor: pointer;
  transition: ease all 0.2s;
  color: white;
}
.ck-editor .ck-button:hover {
  background: rgba(60, 49, 41, 0.95) !important;
}
.wysiwyg-content {
  color: rgba(255, 255, 255, 0.8);
}
.wysiwyg-content ol,
.wysiwyg-content ul {
  padding-left: 1.2em;
}
.wysiwyg-content ol.contains-task-list,
.wysiwyg-content ul.contains-task-list {
  padding-left: 0;
}
.wysiwyg-content ol li.task-list-item,
.wysiwyg-content ul li.task-list-item {
  list-style: none;
}
.wysiwyg-content ol li.task-list-item input,
.wysiwyg-content ul li.task-list-item input {
  margin-left: 0;
}
.wysiwyg-content ul {
  list-style: disc;
}
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6 {
  font-family: "Roboto", serif;
  text-transform: initial;
}
.wysiwyg-content p,
.wysiwyg-content ul,
.wysiwyg-content ol {
  color: rgba(255, 255, 255, 0.8);
}
.wysiwyg-content pre code {
  background: #0d0d0d;
  white-space: pre;
  word-wrap: break-word;
  overflow: auto;
  padding: 1em;
  border-radius: 0.2em;
  font-size: 0.8em;
  color: #44b5b9;
  display: block;
}
.wysiwyg-content a {
  color: #44b5b9;
  cursor: pointer;
}
.wysiwyg-content table {
  border-collapse: collapse;
}
.wysiwyg-content table:not(:first-child) {
  margin-top: 1em;
}
.wysiwyg-content table:not(:last-child) {
  margin-bottom: 1em;
}
.wysiwyg-content table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: 12px;
  background: #0d0d0d;
}
.wysiwyg-content table th:first-child {
  border-top-left-radius: 0.2em;
}
.wysiwyg-content table th:last-child {
  border-top-right-radius: 0.2em;
}
.wysiwyg-content table tr:last-child td:first-child {
  border-bottom-left-radius: 0.2em;
}
.wysiwyg-content table tr:last-child td:last-child {
  border-bottom-right-radius: 0.2em;
}
.wysiwyg-content table td {
  padding: 4px 12px;
  background: #0d0d0d;
}
.alert {
  padding: 0.25em 0.5em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
}
.alert.error {
  background: rgba(149, 31, 43, 0.5);
  border-color: #951f2b;
}
.alert.warning {
  background: rgba(217, 103, 61, 0.5);
  border-color: #d9673d;
}
.alert.success {
  background: rgba(53, 137, 25, 0.5);
  border-color: #358919;
}
.alert.info {
  background: rgba(68, 181, 185, 0.5);
  border-color: #44b5b9;
}
.alert.small {
  font-size: 0.8em;
  padding: 0.25em 0.5em;
}
.alert.large {
  font-size: 1.2em;
  padding: 0.75em 1em;
}
.alert.square {
  border-radius: 0;
}
.badge {
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 999px;
  padding: 0 0.5em;
  font-size: 0.75em;
  background: #951f2b;
  display: inline-block;
}
.badge.large {
  height: 1.8em;
  line-height: 1.8em;
  font-size: 0.9em;
  padding: 0 8px;
}
.breadcrumbs ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
}
.breadcrumbs ul li svg {
  font-size: 0.8em;
  opacity: 0.2;
}
.breadcrumbs ul li a {
  display: flex;
  align-items: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
}
.breadcrumbs ul li a svg {
  margin-right: 4px;
}
.dialog-container {
  transition: ease all 0.2s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.dialog-container.no-padding .dialog-content {
  padding: 0;
}
.dialog-container .dialog-wrapper {
  position: absolute;
  min-width: 350px;
  max-width: 100%;
  left: 50%;
  top: 1em;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dialog-container .dialog-wrapper .dialog-inner {
  background: rgba(27, 21, 19, 0.95);
  border-radius: 0.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.dialog-container .dialog-wrapper .dialog-header {
  padding: 1em;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.dialog-container .dialog-wrapper .dialog-header .dialog-title {
  margin: 0;
  flex: 1 0 0;
}
.dialog-container .dialog-wrapper .dialog-header .button {
  background: none;
  border: 0;
  box-shadow: none;
  outline: none;
  padding: 2px 4px;
}
.dialog-container .dialog-wrapper .dialog-header .button svg {
  height: 16px;
  width: 16px;
  display: block;
}
.dialog-container .dialog-wrapper .dialog-content {
  max-height: calc(100dvh - 80px);
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.dialog-container .dialog-wrapper .dialog-content.overflow {
  overflow-y: auto;
}
.dialog-container .dialog-wrapper .dialog-content.padding {
  padding: 1em;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.2em;
  z-index: 10;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner .spinner-inner {
  width: 2em;
  height: 2em;
  border-width: 6px;
}
.dialog-container .dialog-wrapper .dialog-content > .spinner > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dialog-container .dialog-wrapper .dialog-footer {
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.dialog-open {
  overflow: hidden;
}
.dot {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}
.dot.red {
  background: #951f2b;
}
.dot.lightRed {
  background: #cc3342;
}
.dot.green {
  background: #1d530b;
}
.dot.lightGreen {
  background: #358919;
}
.dot.blue {
  background: #193b54;
}
.dot.lightBlue {
  background: #44b5b9;
}
.dot.orange {
  background: #d9673d;
}
.dot.lightOrange {
  background: #f2a04a;
}
.dot.yellow {
  background: #f2ba4a;
}
.dot.purple {
  background: #915cdb;
}
.dot.white {
  background: #fcfbf9;
}
.dot.black {
  background: #000000;
}
.dot.grey {
  background: rgba(0, 0, 0, 0.5);
}
.dot.font {
  background: #888888;
}
.dot.tan {
  background: #efe5d9;
}
.dot.brown {
  background: #1b1513;
}
.dot.thecall {
  background: #a62529;
}
.dot.vanguard {
  background: #39466f;
}
.dot.success {
  background: #358919;
}
.dot.error {
  background: #951f2b;
}
.dot.warning {
  background: #d9673d;
}
.dot.info {
  background: #44b5b9;
}
.empty {
  padding: 4em 1em;
  font-size: 1.2em;
  text-align: center;
}
.empty.large {
  font-size: 1.5em;
  padding: 5em 1em;
}
.empty.small {
  font-size: 0.8em;
  padding: 2em 1em;
}
.empty .empty-icon {
  font-size: 4em;
}
.empty p:last-child {
  margin-bottom: 0;
}
.empty .empty-icon,
.empty .custom-icon,
.empty p {
  opacity: 0.25;
}
.empty .custom-icon {
  width: 4em;
}
.filters {
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  background: rgba(22, 18, 15, 0.95);
  width: 100%;
  position: absolute;
  z-index: 4;
  top: calc(100% + 1em);
}
.flip {
  perspective: 60vw;
}
.flip .flip-inner {
  position: relative;
  transition: ease all 0.2s;
  transform-style: preserve-3d;
}
.flip .front {
  transition: ease all 0.2s;
}
.flip .back {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(180deg);
  backface-visibility: hidden;
  opacity: 0;
}
.flip.flipped .flip-inner {
  transform: rotateY(180deg);
}
.flip.flipped .front {
  opacity: 0;
}
.flip.flipped .back {
  opacity: 1;
}
.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4em;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.hero .background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0 !important;
}
.hero .scene {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero .scene .scene-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero > * {
  position: relative;
  z-index: 1;
}
.hero h1 {
  font-size: 3em;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6 {
  margin-bottom: 0;
}
.hero .hero-content {
  max-width: 800px;
  filter: drop-shadow(0 2px 6px black);
}
.hero p {
  font-size: 1.2em;
}
.hr {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  width: 100%;
}
.hr.marginTop hr {
  margin-top: 1.5em;
}
.hr.marginBottom hr {
  margin-bottom: 1.5em;
}
.hr span {
  font-size: 0.8em;
  padding: 0.2em 0.4em;
  display: block;
  text-transform: uppercase;
}
.hr hr {
  border: 0;
}
.hr:not(.hasText) hr {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.hr.hasText hr {
  display: none;
}
.hr.hasText span {
  position: relative;
}
.hr.hasText span:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 50vw;
}
.hr.hasText span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 50vw;
}
.hr.gradient-toRight:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-toRight.hasText span:before {
  background: linear-gradient(to right, rgba(229, 179, 92, 0.3), rgba(149, 116, 60, 0.15));
  height: 1px;
  border: 0;
}
.hr.gradient-toRight.hasText span:after {
  background: linear-gradient(to right, rgba(149, 116, 60, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-toLeft:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to left, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-toLeft.hasText span:before {
  background: linear-gradient(to left, rgba(149, 116, 60, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-toLeft.hasText span:after {
  background: linear-gradient(to left, rgba(229, 179, 92, 0.3), rgba(149, 116, 60, 0.15));
  height: 1px;
  border: 0;
}
.hr.gradient-center:not(.hasText) hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(229, 179, 92, 0.3), transparent);
}
.hr.gradient-center.hasText span:before {
  background: linear-gradient(to right, transparent, rgba(149, 116, 60, 0.15), transparent);
  height: 1px;
  border: 0;
}
.hr.gradient-center.hasText span:after {
  background: linear-gradient(to right, rgba(149, 116, 60, 0.15), transparent, transparent);
  height: 1px;
  border: 0;
}
.items-header {
  position: relative;
}
.label {
  font-size: 1em;
  font-family: "Roboto", serif;
  color: white;
  margin-bottom: 0.5em;
  display: block;
}
@keyframes highlight {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.loader {
  border-radius: 0.2em;
  overflow: hidden;
  position: relative;
  color: rgba(255, 255, 255, 0.75);
  height: 32px;
}
.loader:not(.segmented) {
  background-color: rgba(53, 137, 25, 0.5);
}
.loader:not(.segmented).success {
  background-color: rgba(53, 137, 25, 0.5);
}
.loader:not(.segmented).success .inner {
  background-color: #358919;
}
.loader:not(.segmented).info {
  background-color: rgba(68, 181, 185, 0.5);
}
.loader:not(.segmented).info .inner {
  background-color: #44b5b9;
}
.loader:not(.segmented).warning {
  background-color: rgba(217, 103, 61, 0.5);
}
.loader:not(.segmented).warning .inner {
  background-color: #d9673d;
}
.loader:not(.segmented).error {
  background-color: rgba(149, 31, 43, 0.5);
}
.loader:not(.segmented).error .inner {
  background-color: #951f2b;
}
.loader.large {
  height: 24px;
}
.loader.large span {
  font-size: 0.8em;
}
.loader.xlarge {
  height: 32px;
}
.loader.xlarge span {
  font-size: 1em;
}
.loader .inner {
  height: 100%;
  background: #358919;
  transition: width 1s ease;
}
.loader span {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 0.6em;
  white-space: nowrap;
}
.loader.segmented .segments {
  display: flex;
  gap: 8px;
  width: 100%;
}
.loader.segmented .segments .segment {
  flex: 1 0 0;
  height: 16px;
}
.loader.segmented .segments .segment.active {
  background: #358919;
}
.loader.segmented .segments .segment.highlight {
  background: #358919;
  animation: highlight 1s ease infinite;
}
.loader.segmented.info .segments .segment {
  background: rgba(68, 181, 185, 0.5);
}
.loader.segmented.info .segments .segment.active, .loader.segmented.info .segments .segment.highlight {
  background: #44b5b9;
}
.loader.segmented.warning .segments .segment {
  background: rgba(217, 103, 61, 0.5);
}
.loader.segmented.warning .segments .segment.active, .loader.segmented.warning .segments .segment.highlight {
  background: #d9673d;
}
.loader.segmented.error .segments .segment {
  background: rgba(149, 31, 43, 0.5);
}
.loader.segmented.error .segments .segment.active, .loader.segmented.error .segments .segment.highlight {
  background: #d9673d;
}
.menu {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.menu.large {
  font-size: 1.5em;
}
.menu.large a {
  padding-left: 1em;
  padding-right: 1em;
  min-height: 4.2em;
  line-height: 4.2em;
}
.menu.large a .text {
  font-size: inherit;
}
.menu .hr {
  width: 100%;
}
.menu.padded a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.menu ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.menu ul li {
  position: relative;
}
.menu ul li:hover > a {
  background: rgba(255, 255, 255, 0.1);
}
.menu ul li .text {
  flex: 1 0 0;
}
.menu ul li.separator {
  pointer-events: none;
  opacity: 0.5;
}
.menu ul li.separator > a {
  min-height: initial;
}
.menu.vertical > ul {
  flex-direction: column;
}
.menu.round a {
  border-radius: 0.2em;
}
.menu.round:not(.vertical) > ul > li:not(:first-child) > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.menu.round:not(.vertical) > ul > li:not(:last-child) > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.menu.round.vertical > ul > li:not(:first-child) > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.menu.round.vertical > ul > li:not(:last-child) > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.menu a {
  transition: ease all 0.2s;
  text-decoration: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
  min-height: 2.8em;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: white;
  white-space: nowrap;
  gap: 0.5em;
}
.menu a.active {
  background: #1a1a1a;
}
.menu a .custom-icon {
  width: 1.25em;
}
.menu a span {
  display: block;
  line-height: 2.8em;
}
.menu.small a span {
  line-height: initial;
  font-size: 0.9em;
}
.menu nav {
  transition: ease all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  background: #262626;
  position: absolute;
  min-width: 100%;
  left: 0;
  top: 100%;
}
.menu nav li {
  width: 100%;
}
.menu li.anchor-bottom > nav {
  top: auto;
  bottom: 100%;
}
.menu.anchorRight nav {
  left: auto;
  right: 0;
}
.menu.anchorTop nav {
  top: auto;
  bottom: 100%;
}
.menu .text {
  font-size: 1em;
}
.menu.round nav {
  border-radius: 0.2em;
}
.menu.inline nav {
  position: relative;
  top: 0;
  box-shadow: none;
  background: transparent;
}
.menu.inline nav a {
  padding-left: 1.5em;
}
.menu.inline nav nav a {
  padding-left: 3em;
}
.menu.inline nav nav nav a {
  padding-left: 4.5em;
}
.menu.inline nav nav nav nav a {
  padding-left: 6em;
}
.menu.inline nav nav nav nav nav a {
  padding-left: 7.5em;
}
.menu.inline li.type-list {
  list-style: disc;
  opacity: 0.75;
}
.menu.inline li.type-list > a {
  min-height: initial;
}
.menu.inline li.type-list > a .text {
  font-size: 0.9em;
  line-height: 2.5em;
}
.menu.inset nav {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.notifications {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  row-gap: 1em;
  padding: 1em;
  pointer-events: none;
}
.notification {
  display: flex;
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.2em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  position: relative;
  max-width: 25vw;
}
.notification .notification-title,
.notification .notification-subtitle {
  margin: 0;
}
.notification .notification-icon {
  padding: 0.5em;
  padding-right: 0;
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2em;
}
.notification .notification-wrapper {
  padding: 0.5em;
  flex: 1 0 0;
  display: flex;
  align-items: center;
  gap: 1em;
}
.notification .notification-wrapper .button {
  pointer-events: all;
}
.notification .notification-wrapper .notification-content {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.notification.error {
  background: #951f2b;
}
.notification.error .notification-wrapper {
  background: #951f2b;
}
.notification.success {
  background: #358919;
}
.notification.success .notification-wrapper {
  background: #358919;
}
.notification.warning {
  background: #d9673d;
}
.notification.warning .notification-wrapper {
  background: #d9673d;
}
.notification.info {
  background: #44b5b9;
}
.notification.info .notification-wrapper {
  background: #44b5b9;
}
.notification .notification-remove {
  transition: ease all 0.2s;
  padding: 1em;
  cursor: pointer;
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: all;
}
.notification .notification-remove:hover {
  background: rgba(255, 255, 255, 0.1);
}
.notification .notification-timer {
  position: absolute;
  bottom: 0;
  left: 0;
  animation: widthGrow 0s linear;
  height: 0.5em;
  pointer-events: none;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}
.pagination .pagination-totals {
  position: absolute;
  left: calc(100% + 1em);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.popover {
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.2em;
  opacity: 0;
  pointer-events: none;
  height: 0;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.popover.open {
  opacity: 1;
  pointer-events: all;
  height: auto;
}
.slider {
  position: relative;
  width: 100%;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.slide {
  background: grey;
  width: 75%;
}
.previous-slide,
.next-slide {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.previous-slide {
  left: 1vw;
}
.next-slide {
  right: 1vw;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spinner .spinner-inner {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: 0.2em solid rgba(255, 255, 255, 0.2);
  border-left: 0.2em solid white;
  animation: spinner 1s infinite linear;
}
.spinner.large .spinner-inner {
  width: 3em;
  height: 3em;
  border-width: 0.5em;
}
.spinner.xlarge .spinner-inner {
  width: 6em;
  height: 6em;
  border-width: 0.8em;
}
.spinner.xlarge .spinner-text {
  padding-top: 1em;
}
.spinner .spinner-text {
  text-align: center;
  padding-top: 0.5em;
}
.swatch {
  border-radius: 0.2em;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 1px soild rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
}
.table {
  border-collapse: collapse;
}
.table.stripped tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.1);
}
.table th {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: 0.5em;
}
.table td {
  padding: 0.25em 0.5em;
}
.tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.2em;
}
.tabs .tabs-nav {
  margin-bottom: 1em;
}
.tabs .tabs-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.tabs .tabs-nav ul li {
  padding: 0.6em 1.25em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.2em;
  transition: ease all 0.2s;
  white-space: nowrap;
  display: flex;
  -moz-column-gap: 0.75em;
       column-gap: 0.75em;
  align-items: center;
  color: white;
  opacity: 0.5;
}
.tabs .tabs-nav ul li.active {
  opacity: 1;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.tabs .tabs-nav ul li:not(.active):not(:last-child):hover, .tabs .tabs-nav ul li:not(.active):not(:last-child):focus {
  cursor: pointer;
  opacity: 1;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.tabs .tabs-nav ul li:not(:last-child):focus {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: none;
}
.tabs .tabs-nav ul li:last-child {
  flex: 1 0 0;
  padding: 0;
}
.tabs .tabs-nav ul li img,
.tabs .tabs-nav ul li svg {
  width: 1em;
  height: 1em;
}
.tabs .tabs-content {
  flex: 1 0 0;
  width: 100%;
}
.tabs .tabs-content > .tabs {
  padding-top: 0.25em;
}
.tabs.fullWidthTabs > .tabs-nav {
  width: 100%;
}
.tabs.fullWidthTabs > .tabs-nav li:not([tabindex]) {
  display: none;
}
.tabs.fullWidthTabs > .tabs-nav li {
  flex: 1 0 0;
  justify-content: center;
}
.tabs.border {
  border: 0;
}
.tabs.border > .tabs-nav li {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tabs.border > .tabs-nav li.active {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: transparent;
}
.tabs.vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.tabs.vertical > .tabs-nav {
  margin-bottom: 0;
  margin-right: 1em;
}
.tabs.vertical > .tabs-nav ul {
  height: 100%;
  flex-direction: column;
}
.tabs.vertical > .tabs-nav ul li {
  border-bottom-left-radius: 0.2em;
  border-top-right-radius: 0;
}
.tabs.vertical > .tabs-nav ul li.active {
  border-right: 0;
  border-bottom-width: 1px;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.tabs.vertical > .tabs-nav ul li:not(.active) {
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: rgba(255, 255, 255, 0.2);
}
.tabs.vertical .tabs-content {
  flex: 1 0 0;
}
.tabs.large > .tabs-nav {
  font-size: 1.5em;
}
.tabs.align-center > .tabs-nav > ul {
  justify-content: center;
}
.tabs.align-center > .tabs-nav > ul li:first-child,
.tabs.align-center > .tabs-nav > ul li:last-child {
  flex: 1 0 0;
  pointer-events: none;
  padding: 0;
}
.tabs.align-right > .tabs-nav > ul {
  justify-content: flex-end;
}
.tabs.align-right > .tabs-nav > ul li:first-child {
  flex: 1 0 0;
  pointer-events: none;
  padding: 0;
}
.tabs.align-right > .tabs-nav > ul li:last-child {
  display: none;
}
.tabs.square > .tabs-nav li {
  border-radius: 0 !important;
}
.tooltip {
  pointer-events: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 0.2em;
  z-index: 20;
  text-align: center;
}
.tooltip .panel-content {
  overflow: visible;
}
.tooltip.clickable {
  pointer-events: all;
}
.tooltip:not(.noStyles) {
  background: rgba(0, 0, 0, 0.9);
  padding: 0.5em 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  outline: 1px solid rgba(255, 255, 255, 0.1);
  outline-offset: -2px;
}
.tooltip.noWrap {
  white-space: nowrap;
}
.tooltip > svg {
  filter: invert(1);
}
.tippy-tooltip {
  background: none !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
[x-circle] {
  display: none !important;
}
.react-tooltip {
  background: none !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  z-index: 2000;
}
.react-tooltip__closing {
  display: none !important;
}
.user-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: grey;
}
.user-icon.large {
  width: 88px;
  height: 88px;
}
.well {
  border: 1px solid rgba(229, 179, 92, 0.3);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 0 128px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.wizard .wizard-nav {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.wizard .wizard-nav ul {
  display: flex;
  gap: 2em;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.wizard .wizard-nav ul li {
  list-style: none;
  display: flex;
  gap: 1em;
  align-items: center;
  cursor: pointer;
}
.wizard .wizard-nav ul li.active .step-number {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.wizard .wizard-nav ul li .step-number {
  border-radius: 999px;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #193b54;
  font-weight: bold;
  transition: ease all 0.2s;
}
.panel {
  border-radius: 0.2em;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.panel.shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.panel.transparent {
  box-shadow: none !important;
}
.panel.transparent > .panel-header {
  background: none;
  border: 0;
}
.panel.transparent > .panel-content {
  background: none;
  border: 0;
}
.panel.transparent > .panel-footer {
  background: none;
  border: 0;
}
.panel.dark > .panel-content {
  background: rgba(0, 0, 0, 0.95);
}
.panel.collapsible > .panel-header {
  cursor: pointer;
}
.panel .panel-header {
  padding: 1em;
  background: rgba(30, 24, 20, 0.95);
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  border: 1px solid rgba(37, 30, 25, 0.95);
  text-align: left;
}
.panel .panel-header h1 {
  margin: 0;
}
.panel .panel-header h2 {
  margin: 0;
}
.panel .panel-header h3 {
  margin: 0;
}
.panel .panel-header h4 {
  margin: 0;
}
.panel .panel-header h5 {
  margin: 0;
}
.panel .panel-header h6 {
  margin: 0;
}
.panel .panel-header + .panel-content {
  border-top: 0;
}
.panel.padding > .panel-content {
  padding: 1em;
}
.panel.square {
  border-radius: 0 !important;
}
.panel.square > .panel-content,
.panel.square > .panel-header,
.panel.square > .panel-footer {
  border-radius: 0 !important;
}
.panel .panel-content {
  background: rgba(22, 18, 15, 0.95);
  border: 1px solid rgba(37, 30, 25, 0.95);
  flex: 1 0 0;
  text-align: left;
  font-size: 1em;
}
.panel .panel-content + .panel-footer {
  border-top: 0;
}
.panel:not(.hasHeader) .panel-content {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.panel:not(.hasFooter) .panel-content {
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.panel .panel-footer {
  background: rgba(30, 24, 20, 0.95);
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  padding: 1em;
  border: 1px solid rgba(37, 30, 25, 0.95);
}
.card {
  border-radius: 0.2em;
  border: 1px solid rgba(49, 38, 35, 0.95);
}
.card.shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.card.padding {
  padding: 1em;
}
.card.square {
  border-radius: 0 !important;
}
.button {
  transition: ease all 0.2s;
  font-size: 1em;
  font-family: "Noto Serif", sans-serif;
  background: #483833;
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 0 1em;
  min-height: 2.8em;
  line-height: calc(2.8em - 2px);
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  letter-spacing: 0.2em;
  font-weight: bold;
}
.button > .flex {
  height: calc(2.8em - 2px);
}
.button:not([disabled]):not(.disabled):hover, .button:not([disabled]):not(.disabled):focus, .button:not([disabled]):not(.disabled).active {
  background: #664f48;
  border-color: rgba(236, 200, 136, 0.3);
}
.button .text,
.button svg {
  transition: ease all 0.2s;
  display: inline-block;
}
.button.fullHeight .custom-icon {
  height: 100%;
  width: auto;
}
.button.small {
  font-size: 11.2px;
  padding: 0 6px;
  min-height: 24px;
  line-height: 20px;
}
.button.small > .flex {
  height: 20px;
}
.button.small:not(.hasText) {
  padding: 0 6px;
}
.button.large {
  font-size: 16.8px;
  padding: 0 24px;
  min-height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.button.large > .flex {
  height: calc(4.2em - 2px);
  gap: 1em;
}
.button.large:not(.hasText) {
  padding: 0 24px;
}
.button.heading span {
  font-family: "Noto Serif", sans-serif;
  text-transform: uppercase;
}
.button.secondary {
  background: #483833;
  border-color: #483833;
  color: white;
}
.button.secondary:not([disabled]):not(.disabled):hover, .button.secondary:not([disabled]):not(.disabled):focus, .button.secondary:not([disabled]):not(.disabled).active {
  background: #664f48;
  border-color: #e5b35c;
}
.button.tertiary {
  background: transparent;
  border-color: transparent;
  color: white;
  outline: 0;
}
.button.tertiary:not([disabled]):not(.disabled):hover, .button.tertiary:not([disabled]):not(.disabled):focus, .button.tertiary:not([disabled]):not(.disabled).active {
  background: rgba(0, 0, 0, 0.2);
  border-color: #e5b35c;
}
.button.left {
  justify-content: flex-start;
}
.button.left > .flex {
  justify-content: flex-start;
}
.button:not(.hasText) {
  padding: 0 1em;
}
.button .spinner {
  z-index: 10;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button.loading {
  pointer-events: none;
}
.button.loading .text,
.button.loading svg {
  opacity: 0.2;
}
.button .badge {
  position: absolute;
  top: -2px;
  right: -2px;
}
.button .keybinding {
  position: absolute !important;
  top: 0;
  left: 0;
  line-height: 1;
  text-transform: uppercase;
  font-size: 0.6em;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  min-width: 1.4em;
  text-align: center;
  padding: 0.3em 0.4em;
}
.button .keybinding:after {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  right: 0.2em;
  bottom: 0.2em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  content: "";
}
.button-group {
  display: flex;
  align-items: center;
}
.button-group > .button:not(:last-child) {
  border-right: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.button-group > .button:not(:first-child) {
  border-left: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.button-group > .button:hover {
  z-index: 1;
}
.checkbox label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox .checkbox-wrapper {
  position: relative;
}
.checkbox .checkbox-wrapper svg {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.checkbox input[type=checkbox] {
  display: block;
  width: 1.4em;
  height: 1.4em;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.checkbox input[type=checkbox]:checked + svg {
  opacity: 1;
}
.checkbox input[type=checkbox]:hover:not(:checked) + svg {
  opacity: 0.25;
}
.pin {
  display: flex;
  gap: 8px;
}
.pin input {
  border-radius: 0.2em;
  background-color: #0d0d0d;
  font-size: 64px;
  line-height: 62px;
  font-family: "Roboto", serif;
  border: 0;
  width: 88px;
  text-align: center;
  color: white;
  height: 96px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
.pin input::-webkit-outer-spin-button, .pin input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}
@media (max-width: 480px) {
  .pin input {
    font-size: 48px;
    width: 64px;
    height: 72px;
  }
}
.radio label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.radio .radio-wrapper {
  position: relative;
}
.radio .radio-wrapper svg {
  transition: ease all 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  width: 0.8em;
  height: 0.8em;
}
.radio input[type=radio] {
  display: block;
  width: 1.4em;
  height: 1.4em;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.radio input[type=radio]:checked + svg {
  opacity: 1;
}
.radio input[type=radio]:hover:not(:checked) + svg {
  opacity: 0.25;
}
.range {
  display: flex;
  flex-direction: column;
}
.range.labelLeft {
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
.range.labelLeft label {
  margin: 0;
}
.range input[type=range] {
  width: 100%;
  cursor: pointer;
}
.range.large input[type=range] {
  width: 50%;
  transform: scale(2);
  margin-left: 25%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.select-container {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: ease all 0.2s;
}
.select-container.labelLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.select-container.labelLeft .select {
  flex: 1 0 0;
}
.select-container.labelLeft label {
  margin: 0;
}
.select-container.fullWidth {
  width: 100%;
  flex: 1 0 0;
  min-width: 0;
}
.select-container .spinner {
  z-index: 10;
  position: absolute !important;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
}
.select-container.loading {
  pointer-events: none;
}
.select-container.loading .selected-options,
.select-container.loading .selected-option,
.select-container.loading .select-placeholder {
  opacity: 0.2;
}
.select-container .swatch {
  border-radius: 0.2em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 1px solid rgba(255, 255, 255, 0.25);
  outline-offset: -2px;
}
.select-container .select {
  font-size: 1em;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  transition: ease all 0.2s;
  color: white;
  padding: 0 0.5em;
  cursor: pointer;
  position: relative;
  padding-right: 2em !important;
  overflow: hidden;
}
.select-container .select:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.select-container .select:focus, .select-container .select:focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.select-container .select .select-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5em;
}
.select-container .select .select-placeholder {
  line-height: calc(2.8em - 2px);
  white-space: nowrap;
  display: flex;
  gap: 1em;
  align-items: center;
  opacity: 0.2;
}
.select-container .select .select-placeholder span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-container .select .selected-options {
  display: flex;
  gap: 0.5em;
  min-height: calc(2.8em - 2px);
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
.select-container .select .selected-options .option {
  background: rgba(26, 26, 26, 0.2);
  border-color: rgba(229, 179, 92, 0.2);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  white-space: nowrap;
}
.select-container .select .selected-options .option:hover {
  background: rgba(255, 255, 255, 0.1);
}
.select-container .select .selected-options .option svg {
  font-size: 12px;
}
.select-container .select .selected-options .option .swatch {
  min-width: 1em;
  min-height: 1em;
}
.select-container .select .selected-option {
  display: flex;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  min-height: calc(2.8em - 2px);
  align-items: center;
  white-space: nowrap;
}
.select-container .select .selected-option .swatch {
  min-width: 1.5em;
  min-height: 1.5em;
}
.select-container .select .option {
  transition: ease all 0.2s;
}
.select-container .select .option .text {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-container:not(.valid) .select {
  border-color: #951f2b;
}
.select-container.small .select {
  padding: 0 6px;
  height: 24px;
  line-height: 22px;
}
.select-container.small .select .select-placeholder,
.select-container.small .select .selected-option {
  min-height: 22px;
  line-height: 22px;
}
.select-container.large .select {
  padding: 0 10px;
  height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.select-container.large .select .select-placeholder,
.select-container.large .select .selected-option {
  min-height: 22px;
  line-height: calc(4.2em - 2px);
}
.select-container.slider .select {
  display: flex;
  align-items: center;
  padding-right: 0.5em;
}
.select-container.slider .select .select-placeholder,
.select-container.slider .select .selected-option {
  flex: 1 0 0;
  text-align: center;
  justify-content: center;
}
.select-container.slider .select .select-placeholder .text,
.select-container.slider .select .selected-option .text {
  flex: initial;
}
.select-container.slider .select .select-slider-prev,
.select-container.slider .select .select-slider-next {
  height: 100%;
  padding: 0 0.5em;
}
.select-container.slider .spinner {
  left: 50%;
  transform: translate(-50%, -50%);
}
.select-container.swatches .select {
  padding: 0;
  overflow: hidden;
}
.select-container.swatches .select-swatches {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
}
.select-container.swatches .select-swatches .select-swatch {
  min-height: 3em;
  min-width: 3em;
  height: 3em;
  width: 3em;
  transition: ease all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-container.swatches .select-swatches .select-swatch.active {
  border: 1px solid white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.5);
  z-index: 1;
  position: relative;
  border-radius: 0.2em;
}
.select-container.swatches .select-swatches .select-swatch.active svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
}
.select-container.swatches .select-swatches .select-swatch:not(.active):hover {
  box-shadow: inset 0 0 0 2px #44b5b9;
}
.select-container.swatches .select-swatches-offset {
  position: relative;
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
}
.select-container.swatches .spinner {
  left: 50%;
  transform: translate(-50%, -50%);
}
.unselected-container {
  background: #262626;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 19;
  max-height: 45dvh;
  margin-top: -10px;
}
.unselected-container .search-options {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.unselected-container .search-options input {
  border: 0;
}
.unselected-container .empty {
  padding: 0 8px;
  line-height: 32px;
  height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.unselected-container ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
}
.unselected-container ul li.selected {
  pointer-events: none;
  background: rgba(0, 0, 0, 0.25);
}
.unselected-container ul li.selected span {
  opacity: 0.25;
}
.unselected-container .option {
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-align: left;
  justify-content: flex-start;
  gap: 0.5em;
  transition: ease all 0.2s;
}
.unselected-container .option .text {
  flex: 1 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.unselected-container .option svg {
  width: 24px;
}
.unselected-container .option:hover {
  background: rgba(255, 255, 255, 0.1);
}
.unselected-container .option:focus {
  outline-offset: -2px;
}
.tags {
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  gap: 4px;
  padding: 0.5em;
  border-radius: 0.2em;
  background: rgba(0, 0, 0, 0.2);
  flex-wrap: wrap;
}
.tags .tag {
  border: 1px solid rgba(229, 179, 92, 0.3);
  padding: 0.25em;
  padding-left: 0.5em;
  border-radius: 0.2em;
  display: flex;
  align-items: center;
}
.tags .tag .tag-remove {
  border: 0;
  background: none;
  color: white;
  padding: 0;
  cursor: pointer;
  opacity: 0.5;
}
.tags .tag .tag-remove svg {
  display: block;
}
.tags input {
  border: none;
  background: none;
  color: white;
  font-size: 1em;
}
.tags input:focus {
  outline: none;
  border: 0;
}
.textarea {
  display: flex;
  flex-direction: column;
}
.textarea textarea {
  font-size: 14px;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 1em;
  line-height: 1.5;
}
.textarea:not(.valid) textarea {
  border-color: #951f2b;
}
.textbox {
  display: flex;
  flex-direction: column;
}
.textbox.square input {
  border-radius: 0 !important;
}
.textbox.labelLeft {
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.textbox.labelLeft label {
  margin: 0;
}
.textbox .textbox-wrapper {
  display: flex;
  position: relative;
}
.textbox .textbox-wrapper svg {
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}
.textbox .textbox-wrapper svg + input {
  padding-left: 2.5em;
}
.textbox input {
  font-size: 1em;
  font-family: "Roboto", serif;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  color: white;
  padding: 0 1em;
  height: 2.8em;
  line-height: calc(2.8em - 2px);
  transition: ease all 0.2s;
}
.textbox input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.textbox input::placeholder {
  color: rgba(255, 255, 255, 0.25);
}
.textbox input:focus {
  outline: none;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.textbox input:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
}
.textbox:not(.valid) input {
  border-color: #951f2b;
}
.textbox.small svg {
  left: 0.5em;
  font-size: 0.8em;
}
.textbox.small input {
  font-size: 0.8em;
  padding: 0 6px;
  height: 24px;
  line-height: 22px;
}
.textbox.large input {
  font-size: 1.2em;
  padding: 0 1em;
  height: 4.2em;
  line-height: calc(4.2em - 2px);
}
.textbox.fullWidth {
  flex: 1 0 0;
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
  display: flex !important;
}
.textbox.fullWidth .textbox-wrapper {
  flex: 1 0 0;
  max-width: 100%;
}
.textbox.fullWidth input {
  flex: 1 0 0;
  max-width: 100%;
}
.tile {
  border-radius: 0.2em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  text-align: center;
}
.tile.padding {
  padding: 1em;
}
.tile.padding.large {
  padding: 2.5em;
}
.tile:not(.disabled):hover, .tile:not(.disabled):focus-visible, .tile:not(.disabled):focus {
  border-color: rgba(229, 179, 92, 0.3);
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.tile.active {
  border: 1px solid #e5b35c !important;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4) !important;
}
.tile.inset {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}
.toggle label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle.labelLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.toggle.labelLeft label {
  margin: 0;
}
.toggle.colored .toggle-wrapper {
  background: #cc3342;
}
.toggle.colored.checked .toggle-wrapper {
  background: #358919;
}
.toggle .toggle-wrapper {
  position: relative;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  transition: ease all 0.2s;
  border-width: 2px;
}
.toggle .toggle-wrapper:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.toggle .toggle-wrapper:focus-visible, .toggle .toggle-wrapper:focus {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  outline: 0;
}
.toggle input {
  display: none;
}
.toggle input:checked ~ .toggle-checked {
  background: white;
  border-radius: 4px;
  color: black;
}
.toggle input:not(:checked) ~ .toggle-unchecked {
  background: white;
  border-radius: 4px;
  color: black;
}
.toggle .toggle-unchecked {
  margin-right: 1px;
}
.toggle .toggle-unchecked,
.toggle .toggle-checked {
  padding: 0 0.5em;
  text-align: center;
  transition: ease all 0.2s;
  height: 2.8em;
  line-height: calc(2.8em - 4px);
  min-width: 3em;
}
.toggle.small .toggle-wrapper {
  border-width: 1px;
  font-size: 0.75rem;
}
.toggle.small .toggle-wrapper .toggle-unchecked,
.toggle.small .toggle-wrapper .toggle-checked {
  padding: 0 0.5rem;
  height: 24px;
  line-height: 22px;
  min-width: 2em;
}
.toggle.large .toggle-wrapper {
  border-width: 4px;
}
.toggle.large .toggle-wrapper .toggle-unchecked,
.toggle.large .toggle-wrapper .toggle-checked {
  font-size: 21px;
}
.toggle.fullWidth .toggle-wrapper {
  width: 100%;
}
.toggle.fullWidth .toggle-wrapper .toggle-unchecked,
.toggle.fullWidth .toggle-wrapper .toggle-checked {
  flex: 1 0 0;
}
body {
  min-width: 300px;
}
#app > .overlay {
  position: fixed;
  width: 100dvw;
  height: 100dvh;
}
.notifications.view-width-based {
  top: 50%;
  aspect-ratio: 16/9;
  transform: translateY(-50%);
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes breathing {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes float {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bob {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateZ(5vw);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes expandReverse {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes blinkIn {
  0% {
    box-shadow: inset 0 0 25vw 25vw black;
  }
  100% {
    box-shadow: inset 0 0 25vw 2vw black;
  }
}
@keyframes attackSource {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(8vw) rotate(4deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes attackTarget {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-4vw) rotate(-8deg);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-50vh);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(50vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(50vw);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-50vw);
  }
}
@keyframes damageHealingMiss {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  5% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1.2);
  }
  10% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  30% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  90% {
    opacity: 0;
    transform: translateX(-50%) translateY(-400%) scale(1);
  }
}
@keyframes glowBlue {
  from {
    box-shadow: 0 0 0.2vw 0.2vw #44b5b9;
  }
  to {
    box-shadow: 0 0 0.5vw 0.75vw #44b5b9;
  }
}
@keyframes glowGreen {
  from {
    background: transparent;
    box-shadow: 0 0 0.2vw 0.2vw #1d530b;
  }
  to {
    background: rgba(29, 83, 11, 0.5);
    box-shadow: 0 0 0.5vw 0.75vw #1d530b;
  }
}
@keyframes glowRed {
  from {
    background: transparent;
    box-shadow: 0 0 0.2vw 0.2vw #951f2b;
  }
  to {
    background: rgba(149, 31, 43, 0.5);
    box-shadow: 0 0 0.5vw 0.75vw #951f2b;
  }
}
@keyframes takeDamage {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.5);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes rest {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) translateY(-100%) scale(1.5);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-200%) scale(2);
  }
}
@keyframes defendSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes buffSource {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(1vw);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes cameraSway {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.2vw) translateY(-0.2vw);
  }
  20% {
    transform: translateX(0.2vw) translateY(0);
  }
  30% {
    transform: translateX(0.2vw) translateY(0.2vw);
  }
  40% {
    transform: translateX(0) translateY(0.2vw);
  }
  50% {
    transform: translateX(-0.2vw) translateY(0.2vw);
  }
  60% {
    transform: translateX(-0.2vw) translateY(0);
  }
  70% {
    transform: translateX(-0.2vw) translateY(-0.2vw);
  }
  80% {
    transform: translateX(0) translateY(-0.2vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.25vw) translateY(-0.25vw);
  }
  20% {
    transform: translateX(0.25vw) translateY(0);
  }
  30% {
    transform: translateX(0.25vw) translateY(0.25vw);
  }
  40% {
    transform: translateX(0) translateY(0.25vw);
  }
  50% {
    transform: translateX(-0.25vw) translateY(0.25vw);
  }
  60% {
    transform: translateX(-0.25vw) translateY(0);
  }
  70% {
    transform: translateX(-0.25vw) translateY(-0.25vw);
  }
  80% {
    transform: translateX(0) translateY(-0.25vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes cameraSurgeShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(0.75vw) translateY(-0.75vw);
  }
  20% {
    transform: translateX(0.75vw) translateY(0);
  }
  30% {
    transform: translateX(0.75vw) translateY(0.75vw);
  }
  40% {
    transform: translateX(0) translateY(0.75vw);
  }
  50% {
    transform: translateX(-0.75vw) translateY(0.75vw);
  }
  60% {
    transform: translateX(-0.75vw) translateY(0);
  }
  70% {
    transform: translateX(-0.75vw) translateY(-0.75vw);
  }
  80% {
    transform: translateX(0) translateY(-0.75vw);
  }
  90% {
    transform: translateX(0) translateY(0);
  }
}
.chats {
  position: fixed;
  bottom: 0;
  right: 24px;
  min-width: 240px;
}
.chats .chat {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.chats > .menu ul,
.chats > .menu li,
.chats > .menu a {
  width: 100%;
}
.chats > .menu img {
  border-radius: 50%;
  padding: 4px;
  width: 50px;
}
.chats .username {
  font-weight: bold;
}
.chats .last-message {
  font-size: 0.8em;
}
.chat {
  background: rgba(22, 18, 15, 0.95);
  width: 280px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat .chat-header {
  background: rgba(7, 6, 5, 0.95);
  padding: 0.5em;
}
.chat .chat-content {
  min-height: 320px;
  padding: 1em;
  overflow-y: scroll;
  flex: 1 0 0;
}
.chat .chat-content .chat-message .chat-bubble {
  padding: 0.5em;
  border-radius: 0.2em;
  background: rgba(25, 20, 17, 0.95);
}
.chat .chat-footer {
  background: rgba(7, 6, 5, 0.95);
  padding: 1em;
}
.chat .minimized {
  width: auto;
}
.chat .minimized .chat-content,
.chat .minimized .chat-footer {
  display: none;
}
.chat .minimized .chat-header {
  cursor: pointer;
}
.cm-editor {
  text-align: left;
}
.ck-editor {
  border: 1px solid rgba(229, 179, 92, 0.3) !important;
}
.ck-editor__top {
  border-bottom: 1px solid rgba(229, 179, 92, 0.3) !important;
}
.ck-editor .ck.ck-toolbar,
.ck-editor .ck.ck-editor__main > .ck-editor__editable {
  background: rgba(0, 0, 0, 0.2) !important;
}
.game-button {
  height: 3vw;
  border-radius: 0.5vw;
  border-width: 0.1vw !important;
}
.game-button .flex {
  justify-content: center;
  height: 2.6vw !important;
}
.game-button .custom-icon {
  display: block;
  opacity: 1;
}
.game-button svg {
  filter: drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.8));
  margin-top: -0.1vw;
}
.game-button.large {
  height: 3.5vw;
  padding: 0 1vw !important;
  font-size: 1.5vw;
  min-height: 3.5vw !important;
  line-height: 3.1vw !important;
}
.game-button.large .custom-icon {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.5vw;
  height: 2.5vw;
  display: block;
}
.game-button.large .flex {
  justify-content: center;
  height: 3.1vw !important;
}
.game-button.large svg {
  height: 2vw;
}
.game-button.small {
  height: 1.5vw;
  padding: 0 0.25vw !important;
  font-size: 0.8vw;
  min-height: 1.5vw !important;
  line-height: 1.1vw !important;
}
.game-button.small .flex {
  height: 1.1vw !important;
}
.game-button.small svg {
  height: 0.8vw;
}
.game-button.active {
  box-shadow: 0 0 0 0.2vw #44b5b9;
}
.game-button .keybinding {
  font-size: 0.8vw;
  font-family: "Roboto", serif;
  text-align: center;
}
.loader {
  box-shadow: inset 0 0 0.5vw rgba(0, 0, 0, 0.6);
}
.loader .inner {
  background: linear-gradient(to right, #1d530b, #358919);
  box-shadow: 0 0 1vw 0.5vw rgba(53, 137, 25, 0.6);
}
.loader.info {
  background: rgba(68, 181, 185, 0.1);
}
.loader.info .inner {
  background: linear-gradient(to right, #44b5b9, #369194);
  box-shadow: 0 0 1vw 0.5vw rgba(68, 181, 185, 0.6);
}
.loader.warning .inner {
  background: linear-gradient(to right, #d9673d, #f2a04a);
  box-shadow: 0 0 1vw 0.5vw rgba(242, 160, 74, 0.6);
}
.loader.error .inner {
  background: linear-gradient(to right, #951f2b, #cc3342);
  box-shadow: 0 0 1vw 0.5vw rgba(204, 51, 66, 0.6);
}
.newsletter-container {
  overflow: visible;
  padding: 2em 1em;
  position: relative;
  background: linear-gradient(#1b1513, #0c0908);
  width: 100%;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.newsletter-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 0;
  background-image: url("https://images.mythaura.com/public/pattern.svg");
  background-size: 800px;
  background-position: center left;
  background-repeat: no-repeat;
}
.newsletter-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, transparent, #1b1513 50%);
}
.newsletter-container > * {
  position: relative;
  z-index: 2;
}
.background-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.background-parallax .background-layers,
.background-parallax .background-perspective,
.background-parallax .background-translation,
.background-parallax .background-mouse-translation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.background-parallax .background-translation {
  transition: linear all 0.1s;
}
.background-parallax .background-perspective {
  perspective: 5vw;
  z-index: 1;
}
.background-parallax .background-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transform-style: preserve-3d;
}
.background-parallax .background-layer:nth-child(1) {
  z-index: 1;
  transform: translateZ(-2vw) scale(1.5);
}
.background-parallax .background-layer:nth-child(2) {
  z-index: 2;
  transform: translateZ(-4vw) scale(2);
}
.background-parallax .background-layer:nth-child(3) {
  z-index: 3;
  transform: translateZ(-6vw) scale(2.5);
}
.background-parallax .background-layer:nth-child(4) {
  z-index: 4;
  transform: translateZ(-8vw) scale(3);
}
.background-parallax .background-layer:nth-child(5) {
  z-index: 5;
  transform: translateZ(-10vw) scale(3.5);
}
.background-parallax .background-layer:nth-child(6) {
  z-index: 6;
  transform: translateZ(-12vw) scale(4);
}
.background-parallax .background-layer:nth-child(7) {
  z-index: 7;
  transform: translateZ(-14vw) scale(4.5);
}
.background-parallax .background-layer:nth-child(8) {
  z-index: 8;
  transform: translateZ(-16vw) scale(5);
}
.background-parallax .background-layer:nth-child(9) {
  z-index: 9;
  transform: translateZ(-18vw) scale(5.5);
}
.background-parallax .background-layer:nth-child(10) {
  z-index: 10;
  transform: translateZ(-20vw) scale(6);
}
.background-parallax .perspective-layer-1 {
  z-index: 1;
  transform: translateZ(-2vw) scale(1.5);
  filter: blur(-0.05vw);
}
.background-parallax .perspective-layer-2 {
  z-index: 2;
  transform: translateZ(-4vw) scale(2);
  filter: blur(0vw);
}
.background-parallax .perspective-layer-3 {
  z-index: 3;
  transform: translateZ(-6vw) scale(2.5);
  filter: blur(0.05vw);
}
.background-parallax .perspective-layer-4 {
  z-index: 4;
  transform: translateZ(-8vw) scale(3);
  filter: blur(0.1vw);
}
.background-parallax .perspective-layer-5 {
  z-index: 5;
  transform: translateZ(-10vw) scale(3.5);
  filter: blur(0.15vw);
}
.background-parallax .perspective-layer-6 {
  z-index: 6;
  transform: translateZ(-12vw) scale(4);
  filter: blur(0.2vw);
}
.background-parallax .perspective-layer-7 {
  z-index: 7;
  transform: translateZ(-14vw) scale(4.5);
  filter: blur(0.25vw);
}
.background-parallax .perspective-layer-8 {
  z-index: 8;
  transform: translateZ(-16vw) scale(5);
  filter: blur(0.3vw);
}
.background-parallax .perspective-layer-9 {
  z-index: 9;
  transform: translateZ(-18vw) scale(5.5);
  filter: blur(0.35vw);
}
.background-parallax .perspective-layer-10 {
  z-index: 10;
  transform: translateZ(-20vw) scale(6);
  filter: blur(0.4vw);
}
.query-builder {
  margin: 0;
}
.query-builder .group {
  border-color: rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.05);
}
.query-builder .rule {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  gap: 1em;
}
.query-builder button,
.query-builder select {
  display: block;
  height: 32px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 6px;
  background: #483833;
  color: white;
  cursor: pointer;
  transition: ease all 0.2s;
}
.query-builder button:hover,
.query-builder select:hover {
  border-color: #e5b35c;
  background: #57443d;
  box-shadow: 0 1px 12px rgba(229, 179, 92, 0.5);
}
.query-builder button[multiple],
.query-builder select[multiple] {
  height: 52px;
}
.query-builder button {
  text-transform: capitalize;
}
.query-builder .group--actions {
  display: flex;
  align-items: center;
  gap: 1em;
}
.query-builder .group--conjunctions {
  align-items: center;
}
.query-builder .group--conjunctions label {
  margin-right: 0.5em;
}
.query-builder .rule--operator {
  margin: 0;
}
.query-builder .rule--body {
  display: flex;
  align-items: center;
  gap: 1em;
}
.query-builder .rule--drag-handler {
  margin: 0;
}
.query-builder .rule--header {
  padding: 0;
}
.query-builder input[type=checkbox], .query-builder input[type=radio] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #483833;
  cursor: pointer;
}
.query-builder input[type=checkbox]:after, .query-builder input[type=radio]:after {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 6px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  content: "";
  opacity: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: ease all 0.2s;
}
.query-builder input[type=checkbox]:checked:after, .query-builder input[type=radio]:checked:after {
  opacity: 1;
}
.query-builder input[type=checkbox]:not(:checked):hover:after, .query-builder input[type=radio]:not(:checked):hover:after {
  opacity: 0.5;
}
.query-builder input[type=radio] {
  border-radius: 999px;
}
.query-builder input[type=radio]:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 999px;
  background: white;
  content: "";
  transform: translate(-50%, -50%);
}
.query-builder > .group-or-rule-container:first-child {
  padding-right: 0;
}
.query-builder.qb-lite .group--header:hover .group--header .group--drag-handler,
.query-builder.qb-lite .group--header:hover .group--header .group--actions,
.query-builder.qb-lite .group--header:not(:hover) .group--drag-handler,
.query-builder.qb-lite .group--header:not(:hover) .group--actions,
.query-builder.qb-lite .rule_group:not(:hover) .group--drag-handler,
.query-builder.qb-lite .rule_group:not(:hover) .group--actions {
  opacity: 1;
}
.query-builder.qb-lite .rule:hover .rule .rule--fieldsrc,
.query-builder.qb-lite .rule:hover .rule .widget--valuesrc,
.query-builder.qb-lite .rule:hover .rule .rule--drag-handler,
.query-builder.qb-lite .rule:hover .rule .rule--header,
.query-builder.qb-lite .rule:not(:hover) .rule--fieldsrc,
.query-builder.qb-lite .rule:not(:hover) .widget--valuesrc,
.query-builder.qb-lite .rule:not(:hover) .rule--drag-handler,
.query-builder.qb-lite .rule:not(:hover) .rule--header {
  opacity: 1;
}
.query-builder .group--header:not(.no--children):not(.hide--conjs)::before {
  top: 16px;
  height: calc(100% + 10px - 16px);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1b1513;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  background-color: #57443d;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 4px;
}
.success-message {
  padding: 4em 6em;
  border-radius: 0.2em;
  background: rgba(53, 137, 25, 0.5);
  text-align: center;
}
.success-message .icon {
  font-size: 4em;
}
.tabs .tabs-nav .custom-icon svg,
.tabs .tabs-nav .custom-icon path {
  fill: white;
}
.tippy-popper[style*="visibility: hidden"] {
  display: none;
}
.upload {
  position: relative;
  border: 2px dashed #44b5b9;
  border-radius: 0.2em;
  background: rgba(68, 181, 185, 0.5);
  cursor: pointer;
  font-size: 1.2em;
  text-align: center;
  transition: ease all 0.2s;
}
.upload.hasFiles {
  border-color: #358919;
  background: rgba(53, 137, 25, 0.5);
}
.upload.hasFiles:hover {
  background: rgba(53, 137, 25, 0.6);
}
.upload .upload-instructions {
  padding: 1em;
}
.upload:hover {
  background: rgba(68, 181, 185, 0.6);
}
.upload svg {
  padding: 0.2em;
  font-size: 2.5em;
}
.upload .button {
  width: auto;
  padding: 0 !important;
}
.upload .button svg {
  width: auto !important;
}
.button,
.tile {
  text-transform: uppercase;
}
.button .text,
.button svg,
.tile .text,
.tile svg {
  color: rgba(255, 223, 169, 0.7);
  fill: rgba(255, 223, 169, 0.7);
}
.button .text *,
.button svg *,
.tile .text *,
.tile svg * {
  fill: inherit !important;
}
.button .custom-icon svg,
.tile .custom-icon svg {
  height: 1.2em;
  width: 1.2em;
  display: block;
  margin-top: -0.2em;
}
.button.primary,
.tile.primary {
  font-weight: bold;
  border: 1px solid rgba(229, 179, 92, 0.3);
  box-shadow: inset 0 0 0.8vw rgba(229, 179, 92, 0.2);
}
.button.primary.large.hasText,
.tile.primary.large.hasText {
  padding: 0 2em;
}
.button:not([disabled]:not(.disabled)):focus, .button:not([disabled]:not(.disabled)):focus-visible, .button:not([disabled]:not(.disabled)):hover,
.tile:not([disabled]:not(.disabled)):focus,
.tile:not([disabled]:not(.disabled)):focus-visible,
.tile:not([disabled]:not(.disabled)):hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border-color: #e5b35c;
}
.button:not([disabled]:not(.disabled)):focus .flex svg, .button:not([disabled]:not(.disabled)):focus-visible .flex svg, .button:not([disabled]:not(.disabled)):hover .flex svg,
.tile:not([disabled]:not(.disabled)):focus .flex svg,
.tile:not([disabled]:not(.disabled)):focus-visible .flex svg,
.tile:not([disabled]:not(.disabled)):hover .flex svg {
  opacity: 1;
}
.button:not([disabled]:not(.disabled)):focus, .button:not([disabled]:not(.disabled)):focus-visible,
.tile:not([disabled]:not(.disabled)):focus,
.tile:not([disabled]:not(.disabled)):focus-visible {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.button-volume {
  position: relative;
}
.button-volume .volume-panel {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.button-volume .volume-panel .panel-content {
  padding: 0.5vw;
}
.button-volume .volume-panel input[type=range][orientation=vertical] {
  width: 1vw;
  height: 8vw;
  writing-mode: vertical-lr;
  direction: rtl;
}
.button-volume .volume-panel.top {
  top: 100% !important;
  bottom: auto !important;
}
.back-button-wrapper .button:hover {
  opacity: 1;
}
#app {
  min-height: 100dvh;
}
#content {
  background: #0d0d0d;
  flex: 1 0 0;
  position: relative;
  z-index: 0;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
}
#content-inner {
  flex: 1 0 0;
  min-width: 0;
}
.footer {
  position: relative;
  font-size: 1.4em;
  padding: 2em 1em;
  width: 100%;
}
.footer:before {
  content: "";
  background: url("https://images.mythaura.com/public/footer-bg.jpg");
  background-size: cover;
  background-position: center;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.5;
  pointer-events: none;
}
.footer:after {
  content: "";
  background: linear-gradient(to top, transparent 80%, #0d0d0d);
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.footer > * {
  position: relative;
  z-index: 3;
}
.footer a {
  color: white;
}
.footer .footer-graphic {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
}
@media (max-width: 768px) {
  .footer .footer-graphic {
    display: none;
  }
}
.footer .copyright {
  font-size: 12px;
}
.footer .social-links a {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
}
.footer .social-links a:hover {
  background: rgba(255, 255, 255, 0.5);
}
.sidebar {
  background: linear-gradient(#193b54, #0d1f2d);
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.5);
}
.sidebar:before {
  content: "";
  background-image: url("https://images.mythaura.com/public/pattern.svg");
  background-size: 600px;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.2;
}
.sidebar:after {
  content: "";
  background: linear-gradient(#193b54 50%, transparent);
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.sidebar > * {
  position: relative;
  z-index: 2;
}
.sidebar .menu a {
  color: #fcfbf9;
}
.sidebar .menu .menu a {
  font-size: 0.8em;
  line-height: 1.2em;
  min-height: 0;
}
.sidebar .logo {
  padding: 16px;
  display: block;
}
.page-about .bg-image {
  position: absolute;
  width: 100%;
}
.page-about .bg-image img {
  width: 100%;
  display: block;
}
.page-about .support .heart-icon {
  width: 48px;
  height: 48px;
  color: #951f2b;
  margin-bottom: 1em;
}
.page-about .wild-area-example {
  width: 100dvw;
  height: 50dvw;
  position: relative;
  transform: scale(0.6);
  margin-top: -10vw;
  margin-bottom: -10vw;
}
@media (min-width: 768px) {
  .page-about .keybindings span {
    border-width: 3px;
  }
}
.arena-battle-example {
  width: 100%;
  transform: scale(0.6);
  margin-top: -12vw;
  margin-bottom: -12vw;
  position: relative;
}
.arena-battle-example:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.roadmap-container {
  position: relative;
  padding: 3em 1em;
  display: grid;
  justify-self: center;
  font-size: 1rem;
  max-height: 100%;
  overflow-y: auto;
}
.roadmap-container .progress-bar {
  min-height: 100%;
  width: 8px;
  min-width: 8px;
  background: #193b54;
  border-radius: 0.2em;
}
.roadmap-container .roadmap-items {
  padding: 1em 0;
}
.roadmap-container .roadmap-wrapper {
  z-index: 1;
  position: relative;
  width: 500px;
  max-width: 100%;
  background: rgba(37, 30, 25, 0.95);
  border-radius: 0.2em;
  padding: 2em;
}
.roadmap-container .roadmap-wrapper:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  border-right: 16px solid rgba(37, 30, 25, 0.95);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  z-index: 1;
}
.roadmap-container .roadmap-wrapper:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -51px;
  width: 24px;
  height: 24px;
  border: 6px solid #2b648f;
  border-radius: 50%;
  background: #408dc6;
  box-shadow: 0 0 12px #44b5b9;
  z-index: -1;
}
.roadmap-container .roadmap-wrapper p:last-child {
  margin-bottom: 0;
}
.roadmap-container .roadmap-item {
  position: relative;
  padding: 1em;
}
.roadmap-container .roadmap-item img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -68px;
  z-index: 2;
}
.roadmap-container .roadmap-item:first-child:before {
  position: absolute;
  content: "";
  top: -1em;
  bottom: 50%;
  width: 8px;
  background: #4f9892;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  left: -24px;
}
.roadmap-container .roadmap-item.complete:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0px !important;
  width: 8px;
  background: #4f9892;
  left: -24px;
}
.roadmap-container .roadmap-item.complete + .roadmap-item:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 50%;
  width: 8px;
  background: #4f9892;
  left: -24px;
}
.dev-team-container .team-member img {
  border-radius: 0.2em;
  display: block;
  width: 128px;
}
.dev-team-container .team-member h2,
.dev-team-container .team-member p {
  margin: 0;
}
.dev-team-container .team-member .icon-wrapper {
  width: 128px;
  height: 128px;
  padding: 1.5em;
}
.dev-team-container .team-member .icon-wrapper svg {
  width: calc(128px - 3em);
  height: calc(128px - 3em);
}
.top-supporters {
  margin: 2em 0;
}
.pricing-table .panel-content {
  padding: 0;
}
.pricing-table .feature {
  padding: 0.5em;
}
.pricing-table .feature:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
}
.pricing-table svg {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 4px;
  display: block;
  width: 12px;
  height: 12px;
}
.pricing-table .fa-check {
  background: #1d530b;
}
.pricing-table .fa-xmark {
  background: #951f2b;
}
.beast-creator {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.beast-creator .beast-creator-footer {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
}
.beast-creator .beast-image {
  position: relative;
  z-index: 2;
}
.beast-creator .companion-image {
  left: 100%;
  bottom: 3vw;
  transform: none;
  z-index: 0;
  position: absolute;
}
.beast-creator .view-controls {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  align-items: center;
}
.beast-creator .tabs {
  position: absolute;
}
.beast-creator .tabs .tabs-nav {
  position: relative;
  z-index: 1;
}
.preview-beast-dialog .canvas-wrapper {
  width: 40vw !important;
}
.preview-beast-dialog .beast-expression-preview .canvas-wrapper {
  width: 12vw !important;
}
.beast-image-and-companion-wrapper {
  position: absolute;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.new-game-beast-stat-details {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-top: 8vw;
  padding-right: 2em;
  min-width: 18vw;
}
.new-game-beast-stat-details > * {
  position: relative;
  z-index: 1;
}
.new-game-beast-stat-details.sandbox {
  width: auto;
  padding: 0;
  background: none;
}
.new-game-beast-stat-details .subheading {
  opacity: 1;
  font-size: 1vw;
  color: rgba(255, 255, 255, 0.6);
}
.beast-color-preview {
  position: relative;
}
.beast-color-preview .chart-donut {
  width: 100%;
}
.beast-color-preview .beast-image-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.beast-color-preview .canvas-wrapper {
  width: 30vw;
  max-width: 220px;
  margin-top: 32px;
  display: block;
}
.beast-color-preview .canvas-wrapper canvas {
  transition: ease all 0.2s;
  pointer-events: none;
  width: 100%;
  transform: scale(1);
  transform-origin: center center !important;
}
.beast-color-preview .canvas-wrapper:hover canvas {
  transform: scale(2);
}
#page-companions .companion-grid img {
  transition: linear 1s opacity, ease-out 0.25s transform;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}
#page-companions .companion-grid .companion-image-wrapper {
  transition: ease 0.25s transform;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page-companions .companion-grid .item-wrapper {
  transition: linear 1s opacity;
}
#page-companions .companion-grid .companion-image {
  position: absolute;
  top: 0;
  left: 0;
}
#page-companions .companion-grid .element-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
#page-companions .companion-grid .tile:hover .companion-image-wrapper {
  transform: scale(1.1);
}
#page-companions .companion-grid .tile:hover .companion-image-wrapper.radiant {
  transform: scale(1.1);
}
#page-companions .companion-grid .inventory-grid-item {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(0.75);
  transform-origin: bottom right;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.beast-aspect-ratio {
  padding-bottom: 79.2899408284%;
}
.companion-dialog .scene {
  z-index: 1;
  position: relative;
}
.companion-dialog .scene-viewport {
  min-height: 55vw;
  max-height: 55dvh;
}
.companion-dialog .dialog-wrapper {
  width: 98vw;
}
.companion-dialog .example-size-image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
.companion-dialog .companion-image {
  display: block;
  height: 100%;
  max-width: none;
}
.companion-dialog .companion-image-wrapper {
  transition: linear 0.5s opacity;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: none;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  pointer-events: none;
}
.companion-dialog .beast-aspect-ratio {
  width: 800px;
  max-width: 100%;
}
.companion-dialog .previous-companion {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
  z-index: 2;
  width: 56px;
}
.companion-dialog .next-companion {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  z-index: 2;
  width: 56px;
}
.companion-dialog .item-wrapper {
  z-index: 2;
}
.companion-dialog .companion-background-container {
  overflow: hidden;
  transition: ease all 0.5s;
  background-size: cover;
  transform-origin: bottom center;
  transform: scale(1.5);
}
.companion-dialog .companion-background-wrapper {
  position: relative;
  overflow: hidden;
}
.size-comparison {
  position: absolute;
  bottom: 7vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
.page-docs {
  min-height: 100%;
  max-height: 100%;
  display: flex;
}
.page-docs .docs-content {
  overflow-y: auto;
  font-size: 1.4em;
  flex: 1 0 0;
}
.page-docs .docs-sidebar {
  min-height: 100%;
  max-height: 100%;
  width: 330px;
  padding: 1rem;
  position: relative;
  background: #080808;
}
@media (max-width: 768px) {
  .page-docs .docs-sidebar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    width: calc(100% - 200px);
  }
  .page-docs .docs-sidebar > .button {
    display: block !important;
  }
  .page-docs .docs-sidebar:not(.show) {
    min-width: 0;
    width: auto;
    padding: 0;
    box-shadow: initial;
  }
  .page-docs .docs-sidebar:not(.show) .wrapper {
    display: none;
  }
}
.page-docs .docs-sidebar .docs-heading {
  text-align: center;
  margin: 0;
  border-radius: 0.2em;
  padding: 1em 0;
  text-decoration: none;
  transition: ease all 0.2s;
}
.page-docs .docs-sidebar .docs-heading:hover {
  background: #121212;
}
.page-docs .docs-sidebar .wrapper {
  overflow-y: auto;
  height: 100%;
}
.page-docs .docs-sidebar > .button {
  display: none;
  position: absolute;
  left: 100%;
  top: 1em;
  margin-left: 1em;
}
.docs-page-container .wrapper {
  padding: 4rem;
}
.docs-page-container .hero .background-image {
  opacity: 0.4;
  background-position: center;
}
.docs-home-container {
  padding: 4rem;
}
.docs-search-container {
  padding: 4rem;
}
.docs-category-container .wrapper {
  padding: 4rem;
}
.docs-category-container .hero .background-image {
  opacity: 0.4;
  background-position: center;
}
.element-clock-container {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.element-clock-container .element-icon {
  cursor: pointer;
  filter: invert(1);
  opacity: 0.5;
  transition: ease all 0.2s;
}
.element-clock-container .element-icon.active, .element-clock-container .element-icon:hover {
  opacity: 1;
}
.element-clock-container .element-clock-time {
  position: absolute;
  transition: ease all 0.2s;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
}
.element-clock-container .element-clock-time.active {
  opacity: 1;
}
.element-clock-container .elemental-clock-wrapper {
  transition: ease all 0.2s;
  position: relative;
  cursor: pointer;
}
.element-clock-container .elemental-clock-wrapper:hover {
  box-shadow: 0 0 16px #44b5b9;
}
.element-icon-color {
  border-radius: 50%;
  min-width: 64px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.element-icon-color img {
  filter: drop-shadow(0 1px 3px rgba(255, 255, 255, 0.25)) invert(1);
  display: block;
  padding: 8px;
  width: 100%;
}
.select .element-icon-color,
.unselected-container .element-icon-color {
  min-width: 28px !important;
  width: 28px !important;
}
.select .element-icon-color img,
.unselected-container .element-icon-color img {
  padding: 1px;
}
.element-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: grey;
  position: relative;
}
.element-icon img {
  display: block;
}
.element-icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.element-icon .custom-icon,
.element-icon .custom-icon div {
  width: 90%;
  height: 90%;
}
.element-icon .custom-icon svg,
.element-icon .custom-icon div svg {
  fill: white;
}
.element-icon .custom-icon svg *,
.element-icon .custom-icon div svg * {
  fill: inherit !important;
}
.element-icon .element-icon-inner {
  filter: drop-shadow(0 1px 2px black);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.element-icon.transparent {
  background-color: transparent;
}
.element-icon.fire {
  background-color: #a7261a;
}
.element-icon.arcane {
  background-color: #4825b1;
}
.element-icon.lightning {
  background-color: #dfb728;
}
.element-icon.rot {
  background-color: #742f32;
}
.element-icon.stone {
  background-color: #4a3224;
}
.element-icon.dark {
  background-color: #292b40;
}
.element-icon.ice {
  background-color: #97cbcf;
}
.element-icon.specter {
  background-color: #7c9f59;
}
.element-icon.air {
  background-color: #61c082;
}
.element-icon.nature {
  background-color: #294e1a;
}
.element-icon.water {
  background-color: #05a8e4;
}
.element-icon.light {
  background-color: #e8a657;
}
.element-table {
  overflow: auto;
  padding-top: 16px;
}
.element-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  position: relative;
}
.element-table table tr:first-child td {
  background-color: #0d0d0d;
  text-align: left;
}
.element-table table tr:not(:first-child):nth-child(even) td:not(:first-child):nth-child(odd) {
  background-color: #131313;
}
.element-table table tr:not(:first-child):nth-child(even) td:not(:first-child):nth-child(even) {
  background-color: #1a1a1a;
}
.element-table table tr:not(:first-child):nth-child(odd) td:not(:first-child):nth-child(odd) {
  background-color: #1a1a1a;
}
.element-table table tr:not(:first-child):nth-child(odd) td:not(:first-child):nth-child(even) {
  background-color: #202020;
}
.element-table table tr td {
  text-align: center;
  padding: 8px 4px;
}
.element-table table tr td:first-child {
  background-color: #0d0d0d;
  min-width: 42.5px;
  width: 42.5px;
}
.element-table table tr span {
  font-size: 12px;
  text-transform: uppercase;
}
.element-table table .attacking-label {
  transform: rotate(-90deg);
  transform-origin: top left;
  position: absolute;
  top: 110px;
  left: 16px;
  direction: rtl;
}
.element-table table img {
  filter: invert(1);
  min-width: 32px;
  width: 32px;
  margin: 0 auto;
}
.element-table table .weak {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1d530b;
  margin: 0 auto;
}
.element-table table .resisted {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #951f2b;
  margin: 0 auto;
}
.page-faq .whats-mythuara {
  background-color: #1a1a1a;
}
.page-faq .faq-question {
  cursor: pointer;
}
.page-faq .faq-answer {
  opacity: 0.6;
}
.page-faq section:nth-child(even) {
  background-color: #121212;
}
.thread {
  position: relative;
}
.thread .thread {
  padding-left: 1em;
  margin-top: 1em;
  min-height: 48px;
}
.thread .thread-expander {
  border-left: 2px solid rgba(229, 179, 92, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  cursor: pointer;
  transition: ease all 0.2s;
}
.thread .thread-expander:hover {
  border-color: rgba(229, 179, 92, 0.5);
}
.thread .thread-expander:hover .expand-thread-icon,
.thread .thread-expander:hover .collapse-thread-icon {
  opacity: 1;
  background: #e5b35c;
  color: rgba(0, 0, 0, 0.8);
}
.thread .expand-thread-icon,
.thread .collapse-thread-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
  transition: ease all 0.2s;
  background: #392709;
  padding: 1px;
  display: block;
  color: black;
  font-size: 1em;
}
.thread .expand-thread-icon:hover,
.thread .collapse-thread-icon:hover {
  opacity: 1;
  background: #e5b35c;
  color: rgba(0, 0, 0, 0.8);
}
.forums .panel-header h1,
.forums .panel-header h2,
.forums .panel-header h3,
.forums .panel-header h4,
.forums .panel-header h5,
.forums .panel-header h6 {
  font-weight: lighter !important;
}
.thread-list-item,
.forum-category-item {
  transition: ease all 0.2s;
}
.thread-list-item:nth-child(odd),
.forum-category-item:nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}
.thread-list-item:hover,
.forum-category-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.forum-category-list-item:nth-child(odd) {
  background: rgba(255, 255, 255, 0.02);
}
.forums-category .panel-content {
  padding: 0;
}
.home-container .hero {
  row-gap: 1em;
  position: relative;
}
.home-container .hero .description {
  font-weight: bold;
  font-size: 1.5rem;
  text-shadow: 0 0 8px #44b5b9;
}
.home-container .hero:after {
  content: "";
  background: linear-gradient(to bottom, transparent 80%, #0d0d0d);
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.home-container .hero > * {
  position: relative;
  z-index: 2;
}
.home-container .beast-examples:hover .beast-example {
  opacity: 0.5;
}
.home-container .beast-examples:hover .beast-example:hover {
  opacity: 1;
}
.home-container .beast-examples .beast-example {
  position: relative;
  z-index: 1;
  transition: ease all 0.3s;
}
.home-container .beast-examples .beast-example:hover {
  z-index: 2;
}
.home-container .beast-examples .beast-example:hover img {
  margin-left: 0;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.5));
}
.home-container .beast-examples .beast-example .beast-example-inner {
  overflow: hidden;
  width: 200%;
  pointer-events: none;
}
.home-container .beast-examples .beast-example img {
  margin-left: -50%;
  width: 100%;
  max-width: 100%;
  transition: ease all 0.3s;
}
.home-container .beast-examples .beast-example:before {
  content: "";
  height: 100%;
  width: 2px;
  background: linear-gradient(transparent, white, transparent);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.home-container .beast-examples .beast-example:after {
  content: "";
  height: 80%;
  width: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
.home-container section h1,
.home-container section h2,
.home-container section h3,
.home-container section h4,
.home-container section h5,
.home-container section h6 {
  margin: 0;
}
.home-container section.news .news-items {
  position: relative;
  transition: ease all 0.2s;
  cursor: pointer;
  border-radius: 0.2em;
}
.home-container section.news .news-items .news-item {
  transition: ease all 0.2s;
}
.home-container section.news .news-items .news-item:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.home-container section.news .news-items img {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.home-container section.news .news-items h1,
.home-container section.news .news-items h2,
.home-container section.news .news-items h3,
.home-container section.news .news-items h4,
.home-container section.news .news-items h5,
.home-container section.news .news-items h6 {
  text-shadow: none;
}
.home-container section.news .news-items p {
  font-size: 1rem;
}
.home-container section.support .heart-icon {
  width: 48px;
  height: 48px;
  color: #951f2b;
  margin-bottom: 1rem;
}
.home-container section.creator {
  background: url("https://images.mythaura.com/public/try-beast-creator-bg.png");
  background-size: cover;
  background-position: center;
  position: relative;
}
.home-container section.creator:after {
  content: "";
  background: linear-gradient(to bottom, transparent 80%, #0d0d0d);
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.home-container section.creator > * {
  position: relative;
  z-index: 2;
}
.inventory {
  flex: 1 0 0;
  display: flex;
  flex-wrap: nowrap;
}
.inventory .items-container {
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
  padding-bottom: 2vw;
  overflow: hidden;
}
.inventory .items-container > .panel {
  height: 100%;
  max-height: 100%;
}
.inventory .items-container .panel-footer {
  padding-bottom: 0;
}
.inventory-items {
  width: 58vw;
}
.inventory-grid-item {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  min-width: 100%;
  transition: ease all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.inventory-grid-item:hover, .inventory-grid-item.selected {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.inventory-grid-item:hover .item-wrapper, .inventory-grid-item.selected .item-wrapper {
  border-color: #e5b35c !important;
}
.inventory-grid-item:hover .item-quantity, .inventory-grid-item.selected .item-quantity {
  background-color: #e5b35c !important;
}
.inventory-grid-item .item-types {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2;
}
.inventory-grid-item .item-types .item-type {
  border-radius: 50%;
  width: 35%;
  height: 35%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100%;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-width: 0.1vw;
}
.inventory-grid-item .item-types .item-type .svg-inline--fa {
  height: 50%;
  width: 50%;
}
.inventory-grid-item .item-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  border-width: 0.4vw;
  border-style: solid;
  cursor: pointer;
  width: 100%;
  transition: ease all 0.2s;
  box-shadow: inset 0 0 0.5vw 0.5vw rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.inventory-grid-item .item-image {
  margin: -0.95vw 0 -0.45vw -0.45vw;
  min-width: 115%;
  pointer-events: none;
  filter: drop-shadow(0 0 0.5vw rgba(0, 0, 0, 0.5));
}
.inventory-grid-item .item-image img {
  display: block;
  width: 100%;
}
.item-quantity,
.item-radiant {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.2em;
  border-top-left-radius: 0.5em;
  font-size: 1.25vw;
  font-weight: bold;
  color: white;
  text-shadow: 0 0.1vw black;
  transition: ease all 0.2s;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.item-quantity-wrapper {
  overflow: hidden;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.inventory-selected-item {
  width: 42vw;
  padding: 1vw 2vw 2vw 1vw;
}
.inventory-selected-item .inventory-selected-item-container {
  background: rgba(128, 128, 128, 0.4);
  height: 100%;
  width: 100%;
}
.inventory-selected-item .selected-item-header {
  position: relative;
  padding: calc(1vw + 1px) 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.2), rgba(128, 128, 128, 0.4));
}
.inventory-selected-item .selected-item-header .clear-selected-item {
  position: absolute;
  top: 1vw;
  right: 0;
  z-index: 10;
  border-radius: 0;
}
.inventory-selected-item .selected-item-header h3 {
  padding: 1vw;
  background: gray;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  font-size: 1.3em;
  z-index: 1;
  position: relative;
  margin: 0;
  text-align: left;
}
.inventory-selected-item .selected-item-header img {
  width: 30%;
  margin-left: -1.1vw;
  margin-bottom: -1.6vw;
  margin-top: -1.7vw;
  display: block;
  z-index: 2;
  position: relative;
}
.inventory-selected-item .selected-item-content {
  padding: 2vw;
  text-align: left;
}
.inventory-selected-item .selected-item-header img.select-companion-item {
  width: 92%;
  margin-top: -6vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  position: relative;
  margin-bottom: -6vw;
  padding: 2vw;
}
.inventory-item-tooltip {
  min-width: 200px;
  max-width: 540px;
  white-space: normal;
}
@media (max-width: 768px) {
  .inventory-item-tooltip {
    max-width: 80vw;
  }
}
.inventory-item-tooltip .item-name {
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 2px;
}
.inventory-item-tooltip .item-type {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.stash,
.satchel,
.vault {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.empty-item {
  background: rgba(0, 0, 0, 0.2);
  border: 0.3vw solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0;
  padding-bottom: calc(100% - 1vw);
}
.satchel-overlay {
  position: absolute;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  padding: 1vw;
  display: flex;
  flex-wrap: nowrap;
  gap: 1vw;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
}
.satchel-overlay .inventory-grid-item {
  min-width: 0;
  width: 7vw;
}
.satchel-overlay .empty-item {
  width: 7vw;
}
.item-keybinding {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.8);
  padding: 0.5vw 1vw;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  color: white;
  font-size: 1vw;
  z-index: -1;
}
.item-keybinding:after {
  position: absolute;
  content: "";
  top: 0.4vw;
  left: 0.4vw;
  right: 0.4vw;
  bottom: 0.4vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.2vw;
}
.dialog-inventory .dialog-content {
  padding-top: 2em;
}
.dialog-loot .dialog-inner {
  display: flex;
  flex-direction: column;
  aspect-ratio: 2;
}
.dialog-loot .dialog-inner .dialog-content {
  padding: 0 !important;
}
.dialog-wrapper .items-container,
.dialog-wrapper .panel {
  height: 100%;
}
.news-container .hero {
  position: relative;
}
.news-container .news-list-wrapper {
  padding: 0 1em;
}
.news-container .news-list {
  margin: 0;
  list-style: none;
}
.news-container .news-list .news-list-item {
  transition: ease all 0.2s;
  cursor: pointer;
  padding: 1em;
  border-radius: 0.2em;
}
.news-container .news-list .news-list-item:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.news-container .news-list .news-list-item .subheading {
  opacity: 0.5;
}
.news-container .news-list .news-list-item img {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.2em;
  cursor: pointer;
}
.news-container .news-list .news-list-item h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.news-container .news-list .news-list-item h3 {
  margin-top: 0;
  opacity: 0.9;
}
.news-container .news-list .news-list-item p {
  opacity: 0.8;
}
.page-register .panel {
  width: 24vw;
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  border-radius: 1vw;
}
.page-register .panel-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 52px);
  border-radius: 1vw !important;
  background: rgba(22, 18, 15, 0.5);
  padding: 2vw !important;
}
.page-register .panel-content .button:not(.small) {
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
  background: #07b7c4;
  cursor: pointer;
}
.page-register .panel-content .button:not(.small):hover {
  transform: scale(1.05);
  background: #09e5f5;
}
.page-register .panel-content .button:not(.small) span {
  color: white !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.2vw;
  font-family: "Roboto", serif;
}
.page-register .panel-content .logo {
  margin-top: -8vw;
  filter: drop-shadow(0 0 1vw black);
}
.page-register .panel-content .textbox input,
.page-register .panel-content .select {
  background: rgba(0, 0, 0, 0.6);
}
.page-signin .panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100dvh;
  border-radius: 1vw;
}
.page-signin .panel-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: calc(100dvh - 52px);
  background: rgba(22, 18, 15, 0.5);
  padding: 2rem;
  border-radius: 1vw !important;
}
.page-signin .panel-content .button:not(.small) {
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
  background: #07b7c4;
  cursor: pointer;
}
.page-signin .panel-content .button:not(.small):hover {
  transform: scale(1.05);
  background: #09e5f5;
}
.page-signin .panel-content .button:not(.small) .icon {
  fill: white !important;
}
.page-signin .panel-content .button:not(.small) span {
  color: white !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.2vw;
  font-family: "Roboto", serif;
}
.page-signin .panel-content .logo {
  margin-top: -8vw;
  filter: drop-shadow(0 0 1vw black);
}
.page-signin .panel-content form {
  padding: 1em;
}
.page-signin .panel-content .textbox input,
.page-signin .panel-content .select {
  background: rgba(0, 0, 0, 0.6);
}
.stage-sign-in {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: url("https://images.mythaura.com/public/header.png");
  display: flex;
  justify-content: center;
  background-size: cover;
}
.stage-sign-in .panel {
  max-width: 400px;
  margin-top: 130px;
  margin: auto;
}
.stage-sign-in .panel-content {
  padding: 1em;
}
.stage-sign-in .panel-content .logo {
  margin-top: -130px;
}
.group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.friends ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.friends .search-friends input {
  width: 23.8vw;
}
.battle-chat {
  position: relative;
}
.battle-chat:not(.show) .chat-sidebar-inner {
  display: none;
}
.battle-chat .collapse-button {
  position: absolute;
  right: 100%;
  top: 0;
}
.user-profile {
  position: absolute;
  width: 100%;
  height: 100%;
}
.user-profile .hero {
  z-index: 1;
  padding: 2vw;
}
.user-profile .hero .hero-content {
  width: 100%;
  position: static;
}
.user-profile .user-icon-wrapper {
  position: relative;
  z-index: 2;
  border-radius: 999vw;
  background: rgba(0, 0, 0, 0.4);
  padding-right: 2vw;
}
.user-profile .tabs li {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: rgba(0, 0, 0, 0.5);
}
.user-profile .user-profile-scene {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.user-profile .user-profile-scene .tabs-nav li:first-child,
.user-profile .user-profile-scene .tabs-nav li:last-child {
  display: none;
}
.user-profile .user-profile-scene .user-profile-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.user-profile .user-profile-scene .user-profile-info .tabs-nav {
  margin-bottom: 0;
  background: rgba(14, 12, 10, 0.95);
}
.user-profile .user-profile-scene > .panel > .panel-content {
  border: 0;
}
.user-profile .user-profile-controls {
  flex: 1;
  position: relative;
  transition: ease all 0.2s;
}
.user-profile .user-profile-controls .tabs-nav {
  margin-bottom: 0;
  background: rgba(30, 24, 20, 0.8);
}
.user-profile-info-bg-panel {
  transition: ease all 0.2s;
}
.user-profile-stats .panel-header {
  padding: 0.5em !important;
}
.user-profile-stats h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.user-profile-stats h4 {
  opacity: 0.4;
}
.user-profile-stats span {
  opacity: 0.4;
}
.user-profile-stats svg {
  font-size: 2em;
  opacity: 0.6;
}
.user-icon {
  overflow: hidden;
  background: #193b54;
  position: relative;
}
.user-icon .user-icon-border {
  border: 0.3em solid #25577b;
  box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.8);
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.user-icon img {
  border-radius: 50%;
}
.user-profile-description {
  padding: 2em;
}
.online-indicator {
  border-radius: 50%;
}
.online-indicator .dot {
  width: 0.75em;
  height: 0.75em;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8);
}
.online-indicator.online {
  box-shadow: 0 0 0.5em 0.2em rgba(53, 137, 25, 0.8);
}
.online-indicator.offline {
  box-shadow: 0 0 0.5em 0.2em rgba(204, 51, 66, 0.8);
}
.battle-container {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.battle-container.enableFadeIn {
  animation: fadeIn 1s ease-in-out;
}
.battle-container:not(.showKeybindings) .keybinding {
  display: none;
}
.battle-container .select-animation {
  position: absolute;
  top: 0;
  left: 0;
}
.battle-container .main-container {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex: 1 0 0;
}
.battle-container .lower-panel {
  display: flex;
  gap: 1em;
}
@media (max-width: 1200px) {
  .battle-container .lower-panel {
    flex-wrap: wrap;
  }
  .battle-container .lower-panel .team-status {
    min-width: calc(50% - 0.5em);
  }
  .battle-container .lower-panel .battle-actions {
    min-width: 100%;
    order: 4;
  }
}
.battle-container .button:not([disabled]:not(.disabled)) {
  transition: ease all 0.2s;
}
.battle-container .button:not([disabled]:not(.disabled)):hover {
  box-shadow: 0 0.2vw 1vw #44b5b9 !important;
  border-color: #44b5b9 !important;
}
.battle-container .button:not([disabled]:not(.disabled)):focus {
  box-shadow: 0 0 0 0.4vw #44b5b9 !important;
  border-color: #44b5b9 !important;
  outline: none;
}
.battle-display-scale {
  transform-origin: center center;
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;
  pointer-events: none;
  position: absolute;
}
.battle-display-scale.enabled.zoomEnemies {
  transform: scale(1.1) translateX(-4vw) translateY(-1.5vw);
}
.battle-display-scale.enabled.zoomAllies {
  transform: scale(1.1) translateX(4vw) translateY(-1.5vw);
}
.battle-display-shake {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.battle-display-shake.enabled.showShake {
  animation-name: cameraShake;
  animation-duration: 0.3s;
}
.battle-display-shake.enabled.showSurgeShake {
  animation-name: cameraSurgeShake;
  animation-duration: 0.3s;
}
.battle-controls {
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.battle-controls > * {
  pointer-events: all;
}
.battle-controls .bottom-left-corner {
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.battle-controls-right {
  position: absolute;
  right: 2vw !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.battle-controls-left {
  position: absolute;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.battle-text {
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  padding: 2vw 4vw;
  border: 1px solid #a79980;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
  z-index: 1;
  width: 50vw;
  color: black;
  position: absolute;
  bottom: 0vw;
  z-index: 7;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5vw;
}
.battle-complete-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 6;
  pointer-events: all;
}
.battle-complete-container .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.battle-complete-container .overlay-inner {
  position: absolute;
  width: 100%;
  padding: 5vw 10vw;
  top: 50%;
  transform: translateY(-50%);
}
.battle-complete-container .overlay-inner .team-status {
  position: relative;
}
.battle-complete-container h1 {
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4vw;
  position: relative;
  margin: 0;
  font-weight: 400;
}
.text-gold {
  background: linear-gradient(to bottom, #cbb178 27%, #f0d686 40%, #533e15 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  text-shadow: 0 0.5vw 4vw #d68b1a;
}
.battle-sides {
  z-index: 5;
  position: relative;
  pointer-events: all;
}
.battle-sides .side-friendly,
.battle-sides .side-enemy {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.battle-sides .battle-beasts {
  position: absolute;
  height: 100%;
  width: 100%;
}
.battle-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
.battle-actions .surge-button {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
.battle-actions .surge-button .button.battle-ability-button {
  height: 5vw;
  display: block;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-name {
  font-size: 1.5vw;
}
.battle-actions .surge-button .button.battle-ability-button svg,
.battle-actions .surge-button .button.battle-ability-button .custom-icon {
  opacity: 0.1;
}
.battle-actions .surge-button .button.battle-ability-button svg {
  height: 150%;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-name {
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 0.5vw;
  line-height: 1;
  font-size: 0.8vw;
  padding: 0.2vw;
  font-weight: bold;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value.combat {
  background: rgba(149, 31, 43, 0.8);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-value.support {
  background: rgba(53, 137, 25, 0.8);
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon {
  top: 0.1vw;
  right: 0.1vw;
  display: flex;
  justify-content: flex-end;
  height: 1vw;
  width: 1vw;
  position: absolute;
  z-index: 1;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.2vw solid transparent;
  border-bottom: 3.2vw solid transparent;
  border-left: 3.2vw solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -3vw;
  right: -2vw;
  transform: rotate(-45deg);
  z-index: 1;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon svg {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.9;
  position: relative;
  z-index: 2;
}
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon .element-icon,
.battle-actions .surge-button .button.battle-ability-button .text .ability-type-icon .custom-icon {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.6;
  filter: invert(1) !important;
  position: relative;
  z-index: 2;
}
.battle-actions .button {
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.battle-actions.showSubmit {
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}
.battle-actions .button[disabled] {
  pointer-events: all;
}
.battle-actions .button:not([disabled]) {
  pointer-events: all;
}
.battle-actions .abilities {
  display: flex;
  gap: 0.5vw;
  position: relative;
  z-index: 2;
}
.battle-actions .battle-timeout {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  height: 1vw;
}
.battle-actions .battle-timeout span {
  font-size: 0.8vw;
}
.battle-actions .battle-timeout .inner {
  height: 100%;
  transition: width 1s linear;
}
.battle-actions .submit-actions-container {
  display: flex;
  gap: 0.5vw;
}
.battle-actions .action-types {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2%;
  position: relative;
  z-index: 2;
}
.battle-actions .action-types .button.large .custom-icon {
  height: 150%;
  width: auto;
  opacity: 0.2;
  z-index: 0;
  position: absolute;
}
.battle-actions .action-types .button.large svg {
  position: absolute;
  height: 150%;
  width: auto;
  opacity: 0.2;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.battle-actions .action-types .button.large .text {
  font-size: 1vw;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.battle-actions .submit-actions {
  position: relative;
  z-index: 2;
}
.battle-actions .beast-icon {
  position: relative;
  width: 40px;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 0.5vw;
  overflow: hidden;
  outline: 1px solid rgba(37, 30, 25, 0.95);
  outline-offset: -1px;
}
.battle-actions .beast-icon .beast-icon-img {
  display: block;
  outline: 1px solid rgba(37, 30, 25, 0.95);
  outline-offset: -1px;
}
.battle-actions .beast-icon .element-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 40%;
  height: auto;
  padding-top: 2px;
  padding-right: 2px;
}
.battle-beast {
  transition: ease all 0.2s;
  transform: translateX(-50%);
  position: absolute;
}
.battle-beast.isNight {
  filter: brightness(0.6) saturate(0.8);
}
.battle-beast.active .beast .focus-ring {
  border: 0.4vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast.hoverable:hover {
  cursor: pointer;
}
.battle-beast.hoverable:hover .beast .focus-ring {
  opacity: 0.5;
  border: 0.4vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast:nth-child(1) {
  left: 35vw;
  bottom: 12vw;
}
.battle-beast:nth-child(2) {
  left: 25vw;
  bottom: 8vw;
}
.battle-beast:nth-child(3) {
  left: 15vw;
  bottom: 4vw;
}
.battle-beast.isDead {
  animation: none;
  opacity: 0;
  pointer-events: none;
}
.battle-beast.rendered.isDead {
  animation: fadeOutLeft ease 2s;
}
.battle-beast .fadeInAnimation {
  opacity: 0;
  animation: fadeInRight ease 1s;
}
.battle-beast.rendered .fadeInAnimation {
  opacity: 1;
  animation: none !important;
}
.battle-beast .showAttackSourceAnimation {
  animation-name: attackSource;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showAttackTargetAnimation {
  animation-name: attackTarget;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showTakeDamageAnimation {
  animation-name: takeDamage;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 2;
}
.battle-beast .showDefendSourceAnimation {
  animation-name: defendSource;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .showBuffSourceAnimation {
  animation-name: buffSource;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
}
.battle-beast .floatAnimation.enabled {
  animation: breathing 4s ease-in-out infinite;
}
.battle-beast .showRestAnimation {
  position: relative;
}
.battle-beast .showRestAnimation .zs {
  opacity: 1;
}
.battle-beast .zs {
  transition: ease all 0.2s;
  position: absolute;
  bottom: 90%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
}
.battle-beast .zs .z {
  font-size: 2vw;
  font-weight: bold;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  animation-name: rest;
  animation-duration: 2000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.battle-beast .zs .z2 {
  animation-delay: 500ms;
  margin-left: -1vw;
}
.battle-beast .zs .z3 {
  animation-delay: 1000ms;
  margin-left: 1vw;
}
.battle-beast .animation-video {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  width: 350%;
  transform: translate(-50%, -50%);
}
.battle-beast .animation-video.anchor-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.battle-beast .animation-video.anchor-bottom {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.battle-beast .animation-video.anchor-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.battle-beast .animation-video.anchor-right {
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
}
.battle-beast .beast {
  transition: ease all 0.2s;
  transform-origin: bottom center;
}
.battle-beast .beast img {
  pointer-events: none;
  display: block;
  position: relative;
}
.battle-beast .beast img.beast-image-shadow {
  position: absolute;
}
.battle-beast .beast.type_encounter:not(.is_beast) .beast-image-outer-container {
  transform: scaleX(-1);
}
.battle-beast .beast.type_encounter:not(.is_beast) .beast-image-outer-container .beast-image-container {
  transform: scaleX(-1);
}
.battle-beast .beast .focus-ring {
  transition: ease all 0.2s;
  content: "";
  width: 100%;
  height: 20%;
  min-width: 7vw;
  min-height: 1.3vw;
  position: absolute;
  right: 0;
  bottom: -5%;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 8px solid transparent;
}
.battle-beast.targetable {
  cursor: pointer;
}
.battle-beast.targetable .beast .focus-ring {
  border: 0.4vw dashed rgba(68, 181, 185, 0.8);
}
.battle-beast.targetable.targeted .beast .focus-ring, .battle-beast.targetable:hover .beast .focus-ring {
  border: 0.4vw solid #44b5b9;
  animation: glowBlue 1s ease-in-out infinite alternate;
}
.battle-beast .damage,
.battle-beast .healing,
.battle-beast .miss {
  opacity: 0;
  position: absolute;
  z-index: 100;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5vw;
  animation-name: damageHealingMiss;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
  font-weight: bold;
  text-align: center;
}
.battle-beast .damage {
  color: #fcfbf9;
}
.battle-beast .damage .crit,
.battle-beast .damage .super-effective,
.battle-beast .damage .resisted {
  font-size: 1.25vw;
  color: #f2ba4a;
  white-space: nowrap;
}
.battle-beast .healing {
  color: #1d530b;
}
.battle-beast .miss {
  color: #f2ba4a;
}
.battle-beast.enemy {
  transform: translateX(50%);
  left: auto !important;
}
.battle-beast.enemy .fadeInAnimation {
  opacity: 0;
  animation: fadeInLeft ease 1s;
}
.battle-beast.enemy.rendered .fadeInAnimation {
  opacity: 1;
  animation: none !important;
}
.battle-beast.enemy:nth-child(1) {
  right: 35vw;
}
.battle-beast.enemy:nth-child(2) {
  right: 25vw;
}
.battle-beast.enemy:last-child:not(:first-child) {
  right: 15vw;
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container,
.battle-beast.enemy .beast.type_encounter.is_beast .beast-image-outer-container {
  transform: scaleX(-1);
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container:hover,
.battle-beast.enemy .beast.type_encounter.is_beast .beast-image-outer-container:hover {
  transform: scaleX(-1);
}
.battle-beast.enemy .beast.type_beast .beast-image-outer-container .zs,
.battle-beast.enemy .beast.type_encounter .beast-image-outer-container .zs {
  transform: translateX(-50%) scaleX(-1);
}
.battle-beast.enemy.rendered.isDead {
  animation: fadeOutRight ease 2s;
}
.battle-beast.enemy.targetable .beast .focus-ring {
  border: 0.4vw dashed rgba(149, 31, 43, 0.8);
}
.battle-beast.enemy.targetable.targeted .beast .focus-ring, .battle-beast.enemy.targetable:hover .beast .focus-ring {
  border: 0.4vw solid #951f2b;
  animation: glowRed 1s ease-in-out infinite alternate;
}
.battle-beast-dialog {
  padding: 2vw;
  height: 56.25vw !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: none !important;
}
.battle-beast-dialog .canvas-wrapper {
  width: 40vw !important;
}
.battle-beast-dialog .tabs {
  width: 40vw;
  height: auto;
}
.battle-beast-dialog .button-close {
  position: absolute;
  top: 2vw;
  right: 2vw;
}
.battle-beast-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  animation: fadeIn 0.5s;
  transition: ease all 0.2s;
}
.battle-history {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: #0d0d0d;
  width: 30vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 2vw 0 black;
}
.battle-history .history-items {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 1vw;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.battle-history .history-item {
  padding: 0.5vw;
  background: rgba(0, 0, 0, 0.2);
}
.battle-history .panel {
  flex: 1 0 0;
}
.battle-history .panel-content {
  display: flex;
  flex-direction: column;
  font-size: 1vw;
}
.battle-history .ability-element-text {
  font-weight: bold;
  text-transform: uppercase;
}
.battle-history .ability-element-text.fire {
  text-shadow: 1px 1px 1px #e5675b, -1px -1px 1px #e5675b, 1px -1px 1px #e5675b, -1px 1px 1px #e5675b;
}
.battle-history .ability-element-text.arcane {
  text-shadow: 1px 1px 1px #8f74e2, -1px -1px 1px #8f74e2, 1px -1px 1px #8f74e2, -1px 1px 1px #8f74e2;
}
.battle-history .ability-element-text.lightning {
  text-shadow: 1px 1px 1px #766012, -1px -1px 1px #766012, 1px -1px 1px #766012, -1px 1px 1px #766012;
}
.battle-history .ability-element-text.rot {
  text-shadow: 1px 1px 1px #c06367, -1px -1px 1px #c06367, 1px -1px 1px #c06367, -1px 1px 1px #c06367;
}
.battle-history .ability-element-text.stone {
  text-shadow: 1px 1px 1px #a06c4e, -1px -1px 1px #a06c4e, 1px -1px 1px #a06c4e, -1px 1px 1px #a06c4e;
}
.battle-history .ability-element-text.dark {
  text-shadow: 1px 1px 1px #5b5f8e, -1px -1px 1px #5b5f8e, 1px -1px 1px #5b5f8e, -1px 1px 1px #5b5f8e;
}
.battle-history .ability-element-text.ice {
  text-shadow: 1px 1px 1px #49989e, -1px -1px 1px #49989e, 1px -1px 1px #49989e, -1px 1px 1px #49989e;
}
.battle-history .ability-element-text.specter {
  text-shadow: 1px 1px 1px #3c4d2b, -1px -1px 1px #3c4d2b, 1px -1px 1px #3c4d2b, -1px 1px 1px #3c4d2b;
}
.battle-history .ability-element-text.air {
  text-shadow: 1px 1px 1px #2e7346, -1px -1px 1px #2e7346, 1px -1px 1px #2e7346, -1px 1px 1px #2e7346;
}
.battle-history .ability-element-text.nature {
  text-shadow: 1px 1px 1px #5bae3a, -1px -1px 1px #5bae3a, 1px -1px 1px #5bae3a, -1px 1px 1px #5bae3a;
}
.battle-history .ability-element-text.water {
  text-shadow: 1px 1px 1px #024c67, -1px -1px 1px #024c67, 1px -1px 1px #024c67, -1px 1px 1px #024c67;
}
.battle-history .ability-element-text.light {
  text-shadow: 1px 1px 1px #a86617, -1px -1px 1px #a86617, 1px -1px 1px #a86617, -1px 1px 1px #a86617;
}
@keyframes split-rotate-top {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(180deg);
  }
}
@keyframes battle-transition-flash {
  0% {
    background: transparent;
  }
  25% {
    background: black;
  }
  50% {
    background: transparent;
  }
  75% {
    background: black;
  }
}
.battle-transition {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.battle-transition.split-rotate .top-half,
.battle-transition.split-rotate .bottom-half {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.battle-transition.split-rotate .top-half .transition-layer,
.battle-transition.split-rotate .bottom-half .transition-layer {
  height: 400%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  background: black;
  animation: split-rotate-top linear 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
.battle-transition.split-rotate .top-half {
  top: 0;
}
.battle-transition.split-rotate .top-half .transition-layer {
  top: 100%;
  transform-origin: top center;
}
.battle-transition.split-rotate .bottom-half {
  bottom: 0;
}
.battle-transition.split-rotate .bottom-half .transition-layer {
  bottom: 100%;
  transform-origin: bottom center;
}
.battle-transition .battle-transition-flash {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: battle-transition-flash linear 1s;
}
.battle-ability-button .text .ability-name {
  font-size: 1vw;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 1;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
  z-index: 2;
  white-space: nowrap;
}
.battle-ability-button .text .ability-value {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 0.5vw;
  line-height: 1;
  font-size: 0.8vw;
  padding: 0.2vw;
  font-weight: bold;
  text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.5);
}
.battle-ability-button .text .ability-value.combat {
  background: rgba(149, 31, 43, 0.8);
}
.battle-ability-button .text .ability-value.support {
  background: rgba(53, 137, 25, 0.8);
}
.battle-ability-button .text .ability-type-icon {
  top: 0.1vw;
  right: 0.1vw;
  display: flex;
  justify-content: flex-end;
  height: 1vw;
  width: 1vw;
  position: absolute;
  z-index: 1;
}
.battle-ability-button .text .ability-type-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 3.2vw solid transparent;
  border-bottom: 3.2vw solid transparent;
  border-left: 3.2vw solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -3vw;
  right: -2vw;
  transform: rotate(-45deg);
  z-index: 1;
}
.battle-ability-button .text .ability-type-icon svg {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.6;
  position: relative;
  z-index: 2;
}
.battle-ability-button .text .ability-type-icon .element-icon {
  height: 1vw;
  width: 1vw;
}
.battle-ability-button .text .ability-type-icon .custom-icon {
  height: 1vw;
  width: 1vw;
  max-width: none;
  opacity: 0.9;
  position: relative;
  z-index: 2;
}
@keyframes glow {
  0% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
  }
  50% {
    box-shadow: 0 0 0.4vw 0.4vw #44b5b9;
  }
  100% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
  }
}
@keyframes glow2 {
  0% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
    background: transparent;
  }
  50% {
    box-shadow: 0 0 0.8vw 0.8vw #44b5b9;
    background: rgba(68, 181, 185, 0.5);
  }
  100% {
    box-shadow: 0 0 0.1vw 0.1vw #44b5b9;
    background: transparent;
  }
}
.surge-button {
  position: relative;
}
.surge-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  z-index: -1;
  height: 140%;
  width: 105%;
  transform: translateZ(0) translateX(-50%) translateY(-50%);
  filter: blur(1vw);
  background: linear-gradient(to left, #ff3654, #e83a9a, #cf29ab, #9519cf, #3f09e0, #9519cf, #cf29ab, #e83a9a, #ff3654);
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
}
.surge-button.visible {
  opacity: 1;
}
.surge-button .surge-meter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}
@keyframes glowSurgeButton {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.surge-loader {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  pointer-events: all;
}
.surge-loader .loader.large {
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(0, 0, 0, 0.8) !important;
  text-transform: uppercase;
  font-weight: bold;
  height: 2vw;
}
.surge-loader .loader.large .inner {
  height: 2vw;
  transition: none;
}
.surge-loader .loader.large span {
  font-size: 1vw;
}
.surge-loader.surgeReady {
  cursor: pointer;
}
.surge-loader.surgeReady:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  transform: scale(1) translateZ(0);
  filter: blur(1vw);
  background: linear-gradient(to left, #ff3654, #e83a9a, #cf29ab, #9519cf, #3f09e0, #9519cf, #cf29ab, #e83a9a, #ff3654);
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
}
.team-status {
  padding: 2vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 7;
}
.team-status > .grid {
  gap: 1vw;
}
.allies {
  top: 0;
  left: 0;
  right: auto;
}
.allies .beast-status-details .beast-status-info {
  margin-left: -3vw;
  padding-left: 4.25vw;
}
.allies .beast-health-container .beast-health {
  transform: perspective(1vw) rotateX(8deg);
}
.abode {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.abode .items-container {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.abode .items-container .panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
.abode .items-container .panel .panel-content {
  min-height: 0;
  overflow-y: auto;
  flex: 1 0 0;
}
.abode-beast-grid-item {
  transition: ease all 0.2s;
  border-radius: 0.2em;
  overflow: hidden;
  background: linear-gradient(to bottom, transparent 50%, rgba(229, 179, 92, 0.2));
  border: 1px solid rgba(229, 179, 92, 0.4);
  box-shadow: inset 0 0 0 0.5vw rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin: 0;
  padding: 0;
  color: white;
  font-family: "Roboto", serif;
  position: relative;
}
.abode-beast-grid-item .beast-image-wrapper {
  background-size: cover;
  padding: 1em;
  transition: ease all 0.2s;
}
.abode-beast-grid-item .beast-elements {
  position: relative;
  z-index: 1;
}
.abode-beast-grid-item .beast-image {
  position: relative;
  z-index: 1;
}
.abode-beast-grid-item .beast-image-background {
  position: absolute;
  z-index: 0;
  opacity: 0.2;
  transform: translate(-50%, -50%) scale(2);
  left: 50%;
  top: 50%;
  transition: ease all 0.2s;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
}
.abode-beast-grid-item .element-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%);
}
.abode-beast-grid-item:hover, .abode-beast-grid-item.active {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  border: 1px solid #e5b35c;
  background: linear-gradient(to bottom, transparent 0%, rgba(229, 179, 92, 0.4));
}
.abode-beast-grid-item:hover .beast-image-background, .abode-beast-grid-item.active .beast-image-background {
  opacity: 0.4;
  transform: translate(-50%, -50%) scale(2.2);
}
.abode-beast-grid-item.active {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.beast {
  display: flex;
  flex-direction: column;
}
.beast .beast-info {
  text-align: right;
  display: flex;
  gap: 1vw;
  align-items: center;
  justify-content: center;
}
.beast .beast-name {
  margin-bottom: 0;
}
.beast .beast-level {
  font-size: 0.8em;
}
.current-effects .positive,
.current-effects .negative {
  color: white;
  border-radius: 0.5em;
  padding: 0.2em 0.4em;
  font-weight: bold;
  display: inline-block;
}
.current-effects .positive {
  background: #1d530b;
}
.current-effects .negative {
  background: #951f2b;
}
.current-effects .effect-description {
  opacity: 0.6;
  font-size: 0.9em;
}
.current-effects .effect-adjustment-name,
.current-effects .effect-name-only {
  font-size: 1.2em;
}
.current-effects .effect-name,
.current-effects .remaining-turns {
  opacity: 0.6;
}
.current-effects .remaining-turns {
  font-weight: normal;
}
.ailment {
  border-radius: 1em;
  background: red;
  padding: 0.1em 0.5em;
  text-transform: uppercase;
  font-size: 0.8em;
}
.ability-list-item {
  border: 0.1em solid transparent;
  transition: ease all 0.2s;
  position: relative;
}
.ability-list-item:hover {
  border-color: #e5b35c;
}
.ability-list-item.editing {
  cursor: pointer;
}
.ability-list-item.editing:hover {
  border-color: #e5b35c;
}
.ability-list-item.selected {
  border-color: #e5b35c;
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
  background: rgba(229, 179, 92, 0.1);
}
.empty-ability-list-item {
  border: 0.05em solid rgba(229, 179, 92, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5em;
  padding: 1.5em;
  cursor: pointer;
  transition: ease all 0.2s;
  color: rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
}
.empty-ability-list-item:hover {
  border-color: #e5b35c;
  color: #e5b35c;
  background: rgba(229, 179, 92, 0.1);
}
.beast-ability-tooltip {
  width: 24vw;
  border-radius: 0.2em;
  overflow: hidden;
  opacity: 0;
  animation: fadeIn 0.5s forwards;
}
.beast-ability-tooltip .custom-icon svg,
.beast-ability-tooltip .custom-icon path {
  fill: white;
}
.beast-ability-tooltip .custom-icon svg {
  display: block;
}
.beast-ability-tooltip .ability-header {
  padding: 0.5em;
}
.beast-ability-tooltip .ability-header .icon {
  font-size: 2.5em;
  padding: 0.1em;
}
.beast-ability-tooltip .disabled-message {
  background: #951f2b;
  padding: 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.beast-ability-tooltip .ability-properties {
  padding: 0.5em;
}
.beast-ability-tooltip .ability-properties .custom-icon svg {
  width: 1.25em;
  height: 1.25em;
  padding: 0.1em;
}
.beast-ability-tooltip .ability-details {
  padding: 0.5em;
}
.surge-badge {
  background: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.beast-creator-tabs {
  flex: initial;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  width: 25vw;
  left: 0vw;
  top: 0vw;
  bottom: 0vw;
  display: flex;
  max-height: 100%;
  flex: 1 0 0;
  height: auto;
}
.beast-creator-tabs .tabs-nav {
  margin-bottom: 0;
}
.beast-creator-tabs .beast-creator-controls {
  display: flex;
}
.beast-creator-tabs .panel {
  height: 100%;
}
.beast-creator-tabs .panel .panel-content {
  overflow-y: auto;
  max-height: 100%;
  flex: 1 0 0;
  background: none;
}
.beast-creator-tabs .species-details {
  text-align: center;
  padding: 0 32px;
}
.beast-creator-tabs .species-details table td:first-child {
  font-weight: bold;
}
.beast-creator-tabs .mutationDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.beast-creator-tabs .mutationDisabled * {
  pointer-events: none;
}
.beast-details .tabs .tabs-nav {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.beast-details .tabs .tabs-nav ul {
  flex-wrap: nowrap;
}
.beast-details .tabs .tabs-nav ul li {
  border-radius: 0;
}
.beast-details .beast {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10vw;
}
.beast-details .companion-image {
  left: 50%;
  transform: translateX(-50%);
  bottom: 10vw;
  z-index: 0;
  position: absolute;
  margin-left: 12vw;
}
.attire .subheading {
  opacity: 0.5;
}
.attire .beast-shape {
  position: relative;
  z-index: 1;
  display: block;
  width: 80%;
  margin: 0 auto;
  filter: drop-shadow(0 0 8vw rgba(229, 179, 92, 0.2));
}
.attire .gear-wrapper {
  position: relative;
  margin: -0.5vw 0 -3vw;
}
.attire .gear-wrapper .gear-head {
  top: 20%;
  right: 10%;
}
.attire .gear-wrapper .gear-tail {
  left: 10%;
  top: 20%;
}
.attire .gear-wrapper .gear-body {
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attire .gear-wrapper .gear-back-legs {
  left: 10%;
  bottom: 10%;
}
.attire .gear-wrapper .gear-front-legs {
  right: 10%;
  bottom: 10%;
}
.attire .gear-wrapper .gear-appendages {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.attire .gear-wrapper .gear-slot {
  position: absolute;
  width: 6.5vw;
  height: 5.9vw;
  background: rgba(0, 0, 0, 0.4);
  border: 0.1vw solid rgba(229, 179, 92, 0.2);
  transition: ease all 0.2s;
  cursor: pointer;
  z-index: 2;
  border-radius: 0.2em;
}
.attire .gear-wrapper .gear-slot:hover {
  border-color: #e5b35c;
}
.attire .gear-wrapper .gear-slot:hover .icon {
  opacity: 1;
}
.attire .gear-wrapper .gear-slot.editable {
  cursor: pointer;
  pointer-events: all;
}
.attire .gear-wrapper .gear-slot.editable:hover {
  border-color: #e5b35c;
}
.attire .gear-wrapper .gear-slot span {
  position: absolute;
  bottom: 100%;
  padding-bottom: 0.1vw;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8em;
  text-align: center;
}
.attire .gear-wrapper .gear-slot .remove-gear,
.attire .gear-wrapper .gear-slot .add-gear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #e5b35c;
  opacity: 0.2;
  transition: ease all 0.2s;
}
.attire .gear-wrapper .gear-slot .remove-gear {
  opacity: 0;
  color: #fcfbf9;
  background: #951f2b;
  padding: 0.2vw;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
}
.beast-details-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36vw;
  top: 0;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6));
}
.beast-details-panel .panel-content {
  max-height: 100%;
  flex: 1 0 0;
  background: none;
  padding: 0;
}
.dossier-dialog .cm-editor {
  height: 40vw !important;
}
.dossier-dialog .dossier {
  height: 70dvh;
}
.dossier {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.dossier .dossier-notice {
  text-align: center;
  display: flex;
  align-items: center;
  border-bottom: 1px solid white;
  padding: 0.5em;
  background: black;
}
.dossier iframe {
  flex: 1 0 0;
  border: 0;
}
.star-sign-bg-image {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.2;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
          mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: drop-shadow(0 0 1vw #e5b35c);
}
.beast-details-description,
.beast-details-colors,
.beast-details-info {
  position: relative;
  z-index: 1;
  padding: 1vw;
}
.beast-details-description table.stripped,
.beast-details-colors table.stripped,
.beast-details-info table.stripped {
  white-space: nowrap;
}
.beast-elements {
  display: flex;
  align-items: center;
}
.beast-elements .element-icon {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}
.beast-elements .element-icon img,
.beast-elements .element-icon svg {
  pointer-events: none;
}
.beast-elements .element-icon.primary-element {
  z-index: 2;
}
.beast-elements .element-icon.secondary-element {
  z-index: 1;
  margin-left: -0.1vw;
  width: 2vw;
  height: 2vw;
}
.beast-slots .beast-image {
  width: 100%;
}
.beast-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.beast-image > .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.beast-image:not(.hasExpression) .canvas-wrapper canvas {
  width: 300%;
  transform: scale(0.3333);
  transform-origin: bottom left;
}
.beast-image .canvas-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: ease all 0.2s;
}
.beast-image .canvas-wrapper canvas {
  position: relative;
  z-index: 1;
  display: block;
}
.beast-image .canvas-wrapper .beast-image-aspect-ratio {
  width: 100%;
}
.beast-image .beast-breathing {
  position: absolute;
  pointer-events: none;
  transform-origin: bottom center;
}
.beast-image .beast-breathing > * {
  pointer-events: all;
}
.beast-image .beast-breathing.breathing {
  animation: breathing 4s ease-in-out infinite;
}
.beast-image-img {
  position: relative;
  z-index: 1;
  display: block;
}
.beast-image-shadow {
  position: absolute;
  z-index: 0;
  z-index: 0;
  bottom: 3%;
  left: 0;
  width: 100%;
  filter: blur(0.5vw);
  opacity: 0.6;
  transform: rotateX(80deg);
  transform-origin: bottom center;
}
.beast-image-aspect-ratio {
  width: 100%;
  padding-bottom: 79.2899408284%;
}
.hasExpression .beast-image-aspect-ratio {
  width: 100%;
  padding-bottom: 106.7567567568%;
}
.beast-slider {
  position: absolute;
  bottom: 6vw;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.beast-slider:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -0.6vw;
  left: 50%;
  width: 14vw;
  height: 3vw;
  border-radius: 50%;
  border: 0.2vw solid rgba(68, 181, 185, 0.8);
  animation: glowBlue 1s ease-in-out infinite alternate;
  opacity: 0.6;
  transform: translateX(-50%);
}
.beast-slider .beast-slide {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
.beast-slider .beast-slide .canvas-wrapper {
  transition: none;
}
.beast-slider .beast-slide h4 {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  display: flex;
  align-items: center;
  gap: 1vw;
  white-space: nowrap;
}
.beast-slider .beast-slide:nth-child(1) {
  z-index: 1;
  left: 10%;
}
.beast-slider .beast-slide:nth-child(2) {
  z-index: 2;
  left: 36%;
}
.beast-slider .beast-slide:nth-child(3) {
  z-index: 3;
  left: 50%;
}
.beast-slider .beast-slide:nth-child(4) {
  z-index: 2;
  left: 64%;
}
.beast-slider .beast-slide:nth-child(5) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-prev .beast-slide {
  transition: ease all 0.5s;
}
.beast-slider.shifting-prev .beast-slide:nth-child(1) {
  z-index: 2;
  left: 36%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(2) {
  z-index: 3;
  left: 50%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(3) {
  z-index: 2;
  left: 64%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(4) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-prev .beast-slide:nth-child(5) {
  z-index: 1;
  left: 90%;
}
.beast-slider.shifting-next .beast-slide {
  transition: ease all 0.5s;
}
.beast-slider.shifting-next .beast-slide:nth-child(1) {
  z-index: 1;
  left: 10%;
}
.beast-slider.shifting-next .beast-slide:nth-child(2) {
  z-index: 1;
  left: 10%;
}
.beast-slider.shifting-next .beast-slide:nth-child(3) {
  z-index: 2;
  left: 36%;
}
.beast-slider.shifting-next .beast-slide:nth-child(4) {
  z-index: 3;
  left: 50%;
}
.beast-slider.shifting-next .beast-slide:nth-child(5) {
  z-index: 2;
  left: 64%;
}
.prev-beast,
.next-beast {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 4vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.prev-beast:hover,
.next-beast:hover {
  font-size: 1.5em;
}
.prev-beast {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.prev-beast:hover {
  box-shadow: inset 4vw 0 4vw rgba(229, 179, 92, 0.5);
}
.next-beast {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.next-beast:hover {
  box-shadow: inset -4vw 0 4vw rgba(229, 179, 92, 0.5);
}
.beast-group-tabs {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  z-index: 2;
}
.beast-slot .party-leader-crown {
  position: absolute;
  bottom: calc(100% + 1vw);
  left: 50%;
  transform: translateX(-50%);
  font-size: 2vw;
  color: gold;
  filter: drop-shadow(0 0 0.5vw black);
  animation: fadeIn 1s ease;
  cursor: pointer;
}
.party-leader-crown {
  color: gold;
  animation: fadeIn 1s ease;
}
.beast-species-size-chart {
  background: rgba(0, 0, 0, 0.25);
  padding: 1em;
  overflow: hidden;
}
.beast-species-size-chart .wrapper {
  position: relative;
}
.beast-species-size-chart .wrapper .select {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.beast-species-size-chart .aspect-ratio {
  padding-bottom: 30%;
}
.beast-species-size-chart .notch {
  position: absolute;
  left: 0;
  width: 2%;
}
.beast-species-size-chart .notch:before {
  background-color: white;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 10%;
  width: 100%;
  left: 0;
  position: absolute;
}
.beast-species-size-chart .notch:first-child, .beast-species-size-chart .notch:last-child {
  width: 4%;
}
.beast-species-size-chart .notch:nth-child(10n+1) {
  width: 4%;
}
.beast-species-size-chart .labels .max-label {
  position: absolute;
  top: 0;
  left: 6%;
}
.beast-species-size-chart .labels .min-label {
  position: absolute;
  bottom: 0;
  left: 6%;
}
.beast-species-size-chart .labels .middle-label {
  position: absolute;
  top: 50%;
  left: 6%;
  transform: translateY(-50%);
}
.beast-species-size-chart .images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.beast-species-size-chart .images .max-size {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 38%;
}
.beast-species-size-chart .images .max-size .canvas-wrapper {
  width: 100% !important;
}
.beast-species-size-chart .images .min-size {
  position: absolute;
  left: 80%;
  bottom: 0;
  transform: translateX(-50%);
  width: 22%;
}
.beast-species-size-chart .images .min-size .canvas-wrapper {
  width: 100% !important;
}
.beast-stats {
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  overflow: hidden;
}
.beast-stat-chart {
  margin-top: -3vw;
  margin-bottom: -3vw;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.beast-stat-chart-wrapper {
  width: 80%;
}
.stat-table td {
  padding: 0.75em;
}
.stat-table td:first-child {
  padding-left: 1.25em;
}
.stat-table td:last-child {
  padding-right: 1.25em;
}
.stat-table .buff-icon {
  color: #358919;
}
.stat-table .debuff-icon {
  color: #cc3342;
}
.stat-table .stat-icon {
  width: 1vw;
  text-align: center;
  padding-right: 0;
}
.stat-table .stat-name {
  width: 9vw;
  font-weight: bold;
  text-transform: uppercase;
}
.stat-table .stat-value {
  text-align: right;
  white-space: nowrap;
}
.beast-status {
  position: relative;
  box-shadow: none !important;
}
.beast-status.vertical > .flex {
  flex-direction: column;
  gap: 2em;
}
.beast-status.vertical > .flex .beast-status-info {
  border-radius: 999vw;
  text-align: center;
}
.beast-status.vertical > .flex .beast-status-info > .flex {
  justify-content: center;
}
.beast-status.clickable {
  cursor: pointer;
}
.beast-status.clickable .beast-icon-frame-shadow {
  transition: ease all 0.2s;
}
.beast-status.clickable:hover .beast-icon-frame-shadow {
  box-shadow: 0 0 0 0.5vw #44b5b9 rgba(68, 181, 185, 0.8), 0.2vw 0.2vw 0.5vw rgba(0, 0, 0, 0.8);
}
.beast-status .view-beast-details {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.beast-status .view-beast-details svg {
  display: block;
}
.beast-status:not(.isEncounter) .view-beast-details {
  left: 50%;
  transform: translateX(-50%);
}
.beast-status.isDead .beast-icon-wrapper {
  opacity: 0.2;
}
.beast-status.isDead .party-dead-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3vw;
  color: #cc3342;
  opacity: 0.5;
}
.beast-status-details {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.beast-status-details .beast-status-info {
  background: rgba(0, 0, 0, 0.6);
  border-top-right-radius: 2vw;
  padding: 0.25vw 1.5vw 0.25vw 2.5vw;
  margin-left: -1vw;
}
.beast-status-details .beast-status-info .beast-level,
.beast-status-details .beast-status-info .beast-keywords {
  text-align: left;
  margin-bottom: 0.2vw;
  font-size: 0.5em;
}
.beast-status-details .beast-status-name {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  text-shadow: 0 0 0.2vw black, 0 0 0.1vw black;
}
.beast-status-details .beast-name {
  margin: 0;
  white-space: nowrap;
}
.beast-status-details .element-icon {
  width: 1.4vw !important;
  height: 1.4vw !important;
}
.beast-status-details .element-icon.secondary-element {
  width: 1vw !important;
  height: 1vw !important;
  margin-left: -0.1vw !important;
}
.beast-status-details .beast-health-container {
  position: relative;
  z-index: 3;
  margin-right: 1vw;
}
.beast-status-details .beast-health-container span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  pointer-events: none;
}
.beast-status-details .beast-health-container .beast-health {
  background: linear-gradient(#32444b, rgb(48, 51, 60));
  padding: 0.2vw;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0.2vw 0.4vw rgba(0, 0, 0, 0.6);
  width: 15.5vw;
}
.beast-status-details .beast-health-container .beast-health .health-bar-container {
  background: linear-gradient(#10131b, #182226);
  padding: 1px;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}
.beast-status-details .beast-health-container .beast-health .health-bar {
  height: 1.3vw;
  transition: ease width 1s;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
.beast-status-details .beast-health-container .beast-health .health-bar.health {
  background: linear-gradient(#d30000, #540000);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #d30000;
}
.beast-status-details .beast-health-container .beast-health .health-bar.temporary {
  background: linear-gradient(#f68f8f, #ed1919);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #f68f8f;
}
.beast-status-details .beast-health-container .beast-health .health-bar.armor {
  background: linear-gradient(#fff200, #807900);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #fff200;
}
.beast-status-details .beast-health-container .beast-health .health-bar.shield {
  background: linear-gradient(#4385ff, #0044c3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #4385ff;
}
.beast-status-details .beast-surge {
  background: linear-gradient(#32444b, rgb(48, 51, 60));
  padding: 0.2vw;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0.2vw 0.4vw rgba(0, 0, 0, 0.6);
  width: 10vw;
  transform: perspective(1vw) rotateX(10deg);
  margin-left: -1.8vw;
  margin-top: 0.11vw;
}
.beast-status-details .beast-surge span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  font-size: 0.6vw;
  opacity: 0;
}
.beast-status-details .beast-surge .surge-bar-container {
  background: linear-gradient(#10131b, #182226);
  padding: 1px;
  overflow: hidden;
}
.beast-status-details .beast-surge .surge-bar {
  height: 0.5vw;
  background: linear-gradient(#8ed3d5, #44b5b9);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #44b5b9;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
}
.beast-status-details .beast-fatigue {
  background: linear-gradient(#32444b, rgb(48, 51, 60));
  padding: 0.2vw;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0.2vw 0.4vw rgba(0, 0, 0, 0.6);
  width: 7.5vw;
  transform: perspective(1vw) scaleY(-1) rotateX(14deg);
  position: absolute;
  bottom: -0.15vw;
  left: calc(8.4vw + 1px);
  z-index: 2;
}
.beast-status-details .beast-fatigue .fatigue-bar-container {
  background: linear-gradient(#10131b, #182226);
  padding: 1px;
  overflow: hidden;
  display: flex;
  gap: 0.1vw;
}
.beast-status-details .beast-fatigue .fatigue-bar {
  height: 0.5vw;
  background: linear-gradient(#f9d2a9, #f2a04a);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #f2a04a;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
  opacity: 0.2;
  width: 10%;
}
.beast-status-details .beast-fatigue .fatigue-bar.highlight {
  opacity: 1;
}
.beast-status-details .beast-fatigue .fatigue-bar.flashing {
  animation: flashing 1s infinite;
}
.beast-status-details .beast-experience {
  position: absolute;
  top: 100%;
  width: 18vw;
  margin-left: -2.6vw;
  margin-top: 0.11vw;
}
.beast-status-details .beast-experience span {
  opacity: 0;
}
.beast-experience {
  background: linear-gradient(#32444b, rgb(48, 51, 60));
  padding: 0.1vw;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0.2vw 0.4vw rgba(0, 0, 0, 0.6);
  position: relative;
}
.beast-experience span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: calc(1.5vw - 2px);
  font-size: 0.6vw;
}
.beast-experience .experience-bar {
  height: 0.5vw;
  background: linear-gradient(#59d92f, #358919);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1vw #44b5b9;
  color: rgba(255, 255, 255, 0.8);
  transition: ease width 1s;
}
.level-up-button {
  background: linear-gradient(to left, rgba(255, 54, 84, 0.2), rgba(232, 58, 154, 0.2), rgba(207, 41, 171, 0.2), rgba(149, 25, 207, 0.2), rgba(63, 9, 224, 0.2), rgba(149, 25, 207, 0.2), rgba(207, 41, 171, 0.2), rgba(232, 58, 154, 0.2), rgba(255, 54, 84, 0.2));
  background-size: 200% 200%;
  animation: glowSurgeButton 1.25s linear infinite;
  animation-delay: -1s;
}
.beast-icon {
  position: relative;
  z-index: 1;
  width: 6dvw;
  height: 6dvw;
  cursor: pointer;
}
.beast-icon.active .beast-icon-frame,
.beast-icon.active .beast-icon-background, .beast-icon:hover .beast-icon-frame,
.beast-icon:hover .beast-icon-background, .beast-icon:focus .beast-icon-frame,
.beast-icon:focus .beast-icon-background, .beast-icon:focus-visible .beast-icon-frame,
.beast-icon:focus-visible .beast-icon-background {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.beast-icon.active .beast-icon-frame-top, .beast-icon:hover .beast-icon-frame-top, .beast-icon:focus .beast-icon-frame-top, .beast-icon:focus-visible .beast-icon-frame-top {
  border-left-color: #e5b35c !important;
  border-top-color: #e5b35c !important;
}
.beast-icon.active .beast-icon-frame-bottom, .beast-icon:hover .beast-icon-frame-bottom, .beast-icon:focus .beast-icon-frame-bottom, .beast-icon:focus-visible .beast-icon-frame-bottom {
  border-right-color: #e5b35c !important;
  border-bottom-color: #e5b35c !important;
}
.beast-icon.small {
  width: 4dvw;
  height: 4dvw;
}
.beast-icon.small .beast-icon-frame-bottom,
.beast-icon.small .beast-icon-frame-top {
  border-width: 0.2vw !important;
}
.beast-icon.xsmall {
  width: 2.5dvw;
  height: 2.5dvw;
}
.beast-icon.xsmall .beast-icon-frame-bottom,
.beast-icon.xsmall .beast-icon-frame-top {
  border-width: 0.1vw !important;
}
.beast-icon .add-party-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  font-size: 2vw;
  z-index: 1;
  color: rgba(229, 179, 92, 0.5);
  text-shadow: 0 0 0.5vw black;
}
.beast-icon .party-leader-crown {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 0.5vw black);
  font-size: 1vw;
  top: -1.28vw;
}
.beast-icon .beast-icon-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0.2vw 0.2vw 0.5vw rgba(0, 0, 0, 0.8);
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-frame-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.4dvw solid transparent;
  border-left: 0.4dvw solid rgba(222, 158, 48, 0.3);
  border-top: 0.4dvw solid rgba(222, 158, 48, 0.3);
  z-index: 1;
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-frame-bottom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.4dvw solid transparent;
  border-right: 0.4dvw solid rgba(229, 179, 92, 0.3);
  border-bottom: 0.4dvw solid rgba(229, 179, 92, 0.3);
  z-index: 1;
  transition: ease all 0.2s;
}
.beast-icon .beast-icon-frame .beast-icon-wrapper {
  width: 140%;
  height: 140%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.beast-icon .beast-icon-frame .beast-icon-img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.beast-icon .beast-icon-frame .beast-icon-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#0c0908, #2a211e);
}
.beast-icon .radiant-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.beast-icon.isEncounter .beast-icon-wrapper {
  z-index: 3;
  width: 100%;
  height: 100%;
  margin-top: -0.16vw;
  margin-left: -0.15vw;
}
.beast-icon.isEncounter .beast-level {
  bottom: -0.6vw;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-img {
  padding: 0;
  margin: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-frame-top {
  top: 0;
  left: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-frame-bottom {
  top: 0;
  left: 0;
}
.beast-icon.isEncounter .beast-icon-frame .beast-icon-background {
  top: 0;
  left: 0;
}
.beast-icon:not(.isEncounter) .beast-icon-frame {
  transform: rotate(45deg);
}
.beast-icon:not(.isEncounter) .radiant-wrapper {
  transform: rotate(-45deg);
}
.beast-icon .beast-level,
.beast-icon .beast-elite {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  z-index: 4;
  color: white;
  text-shadow: 0 0 1px black;
  border-radius: 99vw;
  padding: 0.2vw 0.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8vw;
  text-align: center;
  box-shadow: 0 0 0.2vw rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.beast-icon .beast-level {
  bottom: -1.6vw;
  background: #193b54;
}
.beast-icon .beast-elite {
  top: -0.5vw;
  background: #951f2b;
}
.cosmetic-layers {
  display: flex;
  gap: 0.5em;
  width: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
  max-height: 19vw;
  overflow-y: auto;
}
.cosmetic-layers .cosmetic-layer {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
  border-radius: 0.2em;
  border: 0.1vw solid rgba(229, 179, 92, 0.2);
}
.cosmetic-layers .cosmetic-layer .inventory-grid-item {
  margin: -0.5vw 0;
}
.cosmetic-layers .item-types {
  display: none;
}
.glamour-slot {
  position: relative;
  padding-right: 0.5em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  background: rgba(0, 0, 0, 0.5);
  transition: ease all 0.2s;
}
.glamour-slot.emptySlot {
  cursor: pointer;
}
.glamour-slot.emptySlot svg {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  opacity: 0.5;
  transform: translate(-50%, -50%);
}
.glamour-slot.emptySlot:hover {
  border-color: #e5b35c;
}
.glamour-slot.emptySlot:hover svg {
  opacity: 1;
}
.glamour-slot .item-types {
  display: none;
}
.glamours {
  position: relative;
  height: 100%;
  padding-right: 10vw;
  padding-left: 10vw;
  background: linear-gradient(to bottom, #190a2e, #471d81);
  overflow-y: auto;
}
.glamour-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.5vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.glamour-card .glamour-card-inner {
  border-radius: 0.5vw;
  transition: ease all 0.2s;
}
.glamour-card:hover {
  transform: scale(1.01);
}
.glamour-card:hover .glamour-card-inner {
  box-shadow: inset 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0 0.2vw #e5b35c;
}
.glamour-card:hover .glamour-card-footer {
  box-shadow: inset 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4), inset 0 0 0 0.2vw #e5b35c;
}
.glamour-card:hover .glamour-image,
.glamour-card:hover .beast-shadow-image {
  transform: scale(1.05);
}
.glamour-card .beast-shadow-image {
  position: absolute;
  top: -2vw;
  left: 0;
  opacity: 0.5;
  transition: ease all 0.2s;
}
.glamour-card h3 {
  font-size: 1em;
}
.glamour-card .shard {
  min-width: 1.5vw;
  max-width: 1.5vw;
}
.glamour-card .badge {
  position: absolute;
  z-index: 10;
  bottom: 3.5vw;
  left: 1vw;
  height: auto;
  padding: 0.2vw 0.6vw;
  border-radius: 0.5vw;
  color: white;
  filter: drop-shadow(0 0 0.25vw rgba(0, 0, 0, 0.5));
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.glamour-card .badge.pending {
  left: 50%;
  transform: translateX(-50%);
}
.glamour-card .badge.deluxe {
  right: 1vw;
  left: auto;
}
.glamour-card .discount {
  position: absolute;
  z-index: 10;
  top: 1vw;
  left: 1vw;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #e5b35c;
  filter: drop-shadow(0 0 0.25vw rgba(0, 0, 0, 0.5));
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(45deg);
}
.glamour-card .discount::before, .glamour-card .discount::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e5b35c;
  content: "";
}
.glamour-card .discount::before {
  transform: rotate(30deg);
}
.glamour-card .discount::after {
  transform: rotate(60deg);
}
.glamour-card .discount span {
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  color: black;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.glamour-card .bg-glamour-image {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.1;
  transform: translate(-50%, -50%) scale(1.5);
}
.glamour-card .bg-glamour-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.glamour-card.young .bg-glamour-image {
  margin-top: -5vw;
}
.glamour-card .glamour-card-content {
  position: relative;
  border-top-left-radius: 0.5vw;
  border-top-right-radius: 0.5vw;
}
.glamour-card .glamour-card-inner {
  position: relative;
  margin-top: 2vw;
}
.glamour-card .glamour-image {
  position: relative;
  top: -2vw;
  display: block;
  margin-bottom: -20% !important;
  transition: ease all 0.2s;
}
.glamour-card.large .shard {
  min-width: 2vw;
}
.glamour-card.large .glamour-card-inner {
  position: relative;
  margin-top: 5vw;
}
.glamour-card.large .glamour-image,
.glamour-card.large .beast-shadow-image {
  top: -5vw;
  margin-bottom: -30% !important;
}
.glamour-card.large .discount {
  width: 3vw;
  height: 3vw;
  font-size: 1.5em;
}
.glamour-card.large .badge {
  bottom: 4vw;
  padding: 0.25vw 0.75vw;
  font-size: 1.2em;
}
.glamour-card.large h3 {
  font-size: 1.5em;
}
.glamour-card .glamour-card-footer {
  position: relative;
  overflow: hidden;
  padding: 0.5vw 1vw;
  border-top: 0.2vw solid rgba(229, 179, 92, 0.3);
  background: #301358;
  border-bottom-left-radius: 0.5vw;
  border-bottom-right-radius: 0.5vw;
  color: rgba(255, 255, 255, 0.8);
  transition: ease all 0.2s;
}
.glamour-card .glamour-card-footer h3,
.glamour-card .glamour-card-footer h4 {
  margin: 0;
}
.glamour-card .glamour-card-footer .glamour-name {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.glamour-card .glamour-card-footer .glamour-gems {
  min-width: 5vw;
}
.glamour-wizard .wizard-nav {
  padding: 1vw 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.glamour-wizard .wizard-footer {
  padding: 1vw;
  margin: 0;
}
.glamour-wizard .wizard {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.glamour-wizard .wizard .wizard-content {
  flex: 1 0 0;
  overflow-y: auto;
}
.glamour-wizard .upload {
  width: 24vw;
}
.glamour-wizard .upload img {
  display: block;
  height: 8.58vw;
  padding: 0.2vw;
  margin: 0 auto;
}
.glamour-preview .canvas-wrapper {
  width: 24vw !important;
}
.glamour-preview .expression-grid .canvas-wrapper {
  width: 10vw !important;
}
.glamour-preview-image-dialog .canvas-wrapper {
  width: 50vw !important;
}
.glamour-preview-image-dialog .hasExpression .canvas-wrapper {
  width: 40vw !important;
}
.glamour-details-dialog .dialog-inner {
  height: 100%;
}
.glamour-details-dialog .dialog-content {
  position: relative;
  overflow: hidden;
  height: calc(100% - 4vw);
}
.glamour-details-dialog .dialog-content:before {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
  content: "";
  pointer-events: none;
}
.glamour-details-dialog.dialog-container .dialog-wrapper .dialog-inner {
  background: rgba(0, 0, 0, 0.9);
}
.glamour-details-dialog.dialog-container .dialog-wrapper .dialog-inner .dialog-footer {
  background: rgba(0, 0, 0, 0.9);
}
.glamour-details {
  position: relative;
}
.glamour-sidebar {
  position: relative;
  z-index: 2;
  width: 26vw;
  border-radius: 0.5vw;
}
.glamour-sidebar .canvas-wrapper {
  width: 10vw !important;
}
.glamour-sidebar .glamour-sidebar-header {
  padding: 1vw;
  background: rgba(128, 128, 128, 0.3);
  text-align: left;
}
.glamour-sidebar .glamour-sidebar-content {
  padding: 2vw;
  background: rgba(128, 128, 128, 0.2);
}
.glamour-sidebar .glamour-sidebar-content .beast-image .canvas-wrapper canvas {
  width: 100%;
  min-width: 100%;
}
.glamour-sidebar .glamour-sidebar-footer {
  padding: 1vw;
  background: rgba(128, 128, 128, 0.3);
}
.glamour-sidebar .glamour-sidebar-footer .button {
  background: rgba(0, 0, 0, 0.4);
}
.glamour-details-image {
  position: relative;
  z-index: 3;
}
.glamour-details-image .canvas-wrapper {
  width: 50vw !important;
}
.glamour-details-image .beast-image-shadow {
  display: none;
}
.glamour-details-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.glamour-details-bg-image img {
  width: 120vw;
  min-width: 120vw;
  height: auto;
  filter: blur(10px);
  opacity: 0.3;
}
.glamour-details-bg-image.bg-image-2 img {
  width: 400vw;
  min-width: 400vw;
  filter: blur(15px);
  opacity: 0.2;
}
.lineage .grandparents {
  position: relative;
}
.lineage .grandparents .beast-icon:nth-child(1):before, .lineage .grandparents .beast-icon:nth-child(3):before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-left: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(-0.1em);
}
.lineage .grandparents .beast-icon:nth-child(2):before, .lineage .grandparents .beast-icon:nth-child(4):before {
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-right: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(0.1em);
}
.lineage .great-grandparents {
  position: relative;
}
.lineage .great-grandparents .beast-icon:nth-child(1):before, .lineage .great-grandparents .beast-icon:nth-child(3):before, .lineage .great-grandparents .beast-icon:nth-child(5):before, .lineage .great-grandparents .beast-icon:nth-child(7):before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-left: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(-0.1em);
}
.lineage .great-grandparents .beast-icon:nth-child(2):before, .lineage .great-grandparents .beast-icon:nth-child(4):before, .lineage .great-grandparents .beast-icon:nth-child(6):before, .lineage .great-grandparents .beast-icon:nth-child(8):before {
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 3.5em;
  height: 3em;
  border-top: 0.2em solid rgba(229, 179, 92, 0.1);
  border-right: 0.2em solid rgba(229, 179, 92, 0.1);
  content: "";
  transform: translateX(0.1em);
}
.nurseries {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  flex-direction: column;
}
.nurseries-grid {
  overflow: auto;
  padding: 2vw;
}
.nursery-slot {
  position: relative;
  z-index: 2;
  height: 12vw;
  cursor: pointer;
  transition: ease all 0.2s;
}
.nursery-slot:hover {
  border-color: #e5b35c;
}
.nursery-slot:hover .icon {
  opacity: 1;
}
.nursery-slot.disabled .icon {
  display: none;
}
.nursery-slot .use-nursery-slot {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  font-size: 2em;
  opacity: 0.2;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.nursery-slot > .flex {
  height: 100%;
}
.nursery-slot .text {
  flex: 1 0 0;
}
.nursery {
  flex: 1 0 0;
  align-items: center;
  padding: 2vw;
}
.nursery .hr {
  margin-bottom: 0.5vw;
}
.nursery .breeding-predictor-items {
  width: 20%;
}
.nursery .breeding-predictor-beast-slot {
  overflow: hidden;
  height: 16.4vw;
}
.nursery .breeding-predictor-beast-slot,
.nursery .breeding-predictor-item-slot {
  position: relative;
  z-index: 2;
  display: flex;
  overflow: visible;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  cursor: pointer;
  transition: ease all 0.2s;
}
.nursery .breeding-predictor-beast-slot .beast-image .beast-breathing > *,
.nursery .breeding-predictor-item-slot .beast-image .beast-breathing > * {
  pointer-events: none;
}
.nursery .breeding-predictor-beast-slot:hover,
.nursery .breeding-predictor-item-slot:hover {
  border-color: #e5b35c;
}
.nursery .breeding-predictor-beast-slot:hover .icon,
.nursery .breeding-predictor-item-slot:hover .icon {
  opacity: 1;
}
.nursery .breeding-predictor-beast-slot .text,
.nursery .breeding-predictor-item-slot .text {
  display: flex;
  width: 100%;
  justify-content: center;
}
.nursery .breeding-predictor-beast-slot .beast-image,
.nursery .breeding-predictor-item-slot .beast-image {
  width: 55%;
}
.nursery .breeding-predictor-beast-slot .canvas-wrapper,
.nursery .breeding-predictor-item-slot .canvas-wrapper {
  width: 100% !important;
}
.nursery .breeding-predictor-beast-slot .remove-gear,
.nursery .breeding-predictor-item-slot .remove-gear {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2em;
  height: 1.2em;
  padding: 0.2vw;
  border-radius: 50%;
  background: #951f2b;
  color: #e5b35c;
  color: #fcfbf9;
  font-size: 2em;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.nursery .breeding-predictor-beast-slot:hover .remove-gear,
.nursery .breeding-predictor-item-slot:hover .remove-gear {
  opacity: 1;
}
.nursery .breeding-predictor-item-slot {
  max-width: 8vw;
  height: 7.7vw;
}
.nursery .use-slot {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #e5b35c;
  font-size: 2em;
  opacity: 0.2;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.breeding-predictor-preview-slot {
  z-index: 2;
}
.breeding-predictor-preview-slot:hover {
  border-color: #e5b35c;
}
.breeding-predictor-preview-slot:hover .icon {
  opacity: 1;
}
.breeding-predictor-preview-slot .text {
  width: 100%;
}
.breeding-predictor-preview-slot .canvas-wrapper {
  width: 100% !important;
}
.beasts-breeding-tabs .tabs-nav {
  margin: 0 !important;
}
.cipher-slots .item-slot {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1vw black;
  transform: translate(-50%, -50%);
}
.cipher .item-slot {
  width: 6vw;
  height: 5.3vw;
  padding: 0 !important;
  overflow: visible;
}
.item-slot {
  width: 6vw;
  height: 6vw;
}
.item-slot-clear {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #e5b35c;
  opacity: 0;
  transition: ease all 0.2s;
}
.codex {
  max-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.codex .codex-tabs {
  flex: 1 0 0;
  height: calc(100% - 4vw);
  overflow-y: auto;
}
.codex .codex-tabs > .tabs {
  flex-direction: row !important;
  height: 92%;
  max-height: 76vw;
}
.codex .codex-tabs > .tabs > .tabs-nav {
  margin: 0;
  margin-right: -2.2vw;
  z-index: 1;
  position: absolute;
  left: 7vw;
  top: calc(50% - 1vw);
  transform: translateY(-50%);
}
.codex .codex-tabs > .tabs > .tabs-nav ul {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding-left: 1vw;
  overflow: hidden;
}
.codex .codex-tabs > .tabs > .tabs-nav li {
  justify-content: flex-end;
  border-radius: 0 !important;
  opacity: 1 !important;
  padding: 0.6vw 1vw;
  border-right: 0 !important;
  box-shadow: inset 1px 0 0 1px rgba(255, 255, 255, 0.2), 0 0.5vw 1vw black;
  background: linear-gradient(to right, #49331b, #5e4a39);
  border: 1px solid #24190d;
  font-size: 0.8em;
  position: relative;
}
.codex .codex-tabs > .tabs > .tabs-nav li:last-child {
  display: none;
}
.codex .codex-tabs > .tabs > .tabs-nav li.active {
  background: linear-gradient(to right, #885b31, #d79d5d);
  border: 1px solid #634223 !important;
  border-right: 0 !important;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(1) {
  z-index: 9;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(2) {
  z-index: 8;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(3) {
  z-index: 7;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(4) {
  z-index: 6;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(5) {
  z-index: 5;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(6) {
  z-index: 4;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(7) {
  z-index: 3;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(8) {
  z-index: 2;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(9) {
  z-index: 1;
}
.codex .codex-tabs > .tabs > .tabs-nav li:nth-child(10) {
  z-index: 0;
}
.codex .codex-tabs > .tabs > .tabs-content {
  position: absolute;
  left: 0;
  height: 96%;
}
.codex .codex-tabs > .tabs > .tabs-content .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.book-image {
  background-image: url("https://images.mythaura.com/game/codex-book.png");
  background-size: 100%;
  aspect-ratio: 16/9;
  position: absolute;
  width: 75vw;
  aspect-ratio: 16/9;
  top: 0;
  left: 18vw;
  right: 7vw;
}
.book {
  aspect-ratio: 16/9;
  padding: 1.5vw 3.4vw 3vw 2.8vw;
  display: flex;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 18vw;
  right: 7vw;
}
.book .book-page {
  width: 50%;
  display: flex;
  flex-direction: column;
  color: #3b201a;
}
.book .book-page input::-moz-placeholder {
  color: rgba(59, 32, 26, 0.5);
}
.book .book-page input::placeholder {
  color: rgba(59, 32, 26, 0.5);
}
.book .book-page .select,
.book .book-page input,
.book .book-page .select-placeholder {
  color: #3b201a;
}
.book .book-page .items-container {
  flex: 1 0 0;
  min-height: 0;
}
.book .book-page .items-container .panel {
  height: 100%;
}
.book .book-page .items-container .panel-content {
  min-height: 0;
  overflow-y: auto;
}
.book .book-page .button.tertiary {
  color: #3b201a;
}
.book .book-page:nth-child(1) {
  padding: 3vw 4.5vw 4vw 3.8vw;
}
.book .book-page:nth-child(2) {
  padding: 2.5vw 3.8vw 4vw 4.5vw;
}
.book .book-page .panel-content {
  padding-left: 0.4vw;
  padding-right: 0.4vw;
  padding-top: 0.4vw;
}
.book .book-page .panel-header {
  padding-left: 0.4vw;
  padding-right: 0;
  padding-top: 0;
}
.book .book-page .tabs {
  padding-top: 0;
}
.codex-companion-detail .element-icon {
  width: 2vw;
  height: 2vw;
}
.codex-companion-detail p {
  line-height: 1.1;
}
.codex-quests .tabs-nav li:hover {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.codex-quests .tabs-nav li.active {
  border-color: rgba(255, 255, 255, 0.75) !important;
  background: rgba(255, 255, 255, 0.3) !important;
}
.codex-quests .tabs-content {
  overflow-y: auto;
}
.codex-quests .quest-list-item {
  padding: 1vw;
  cursor: pointer;
  transition: ease all 0.2s;
  opacity: 0.8;
}
.codex-quests .quest-list-item:hover, .codex-quests .quest-list-item.active {
  box-shadow: 0 0 0.2vw rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}
.codex-quests .quest-list-item.active {
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
.codex-quests .codex-quest-detail {
  padding-top: 1vw;
}
.book-page .tabs .tabs-nav ul li {
  color: #3b201a;
}
.companion-grid-item {
  position: relative;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  display: flex;
  justify-content: center;
}
.companion-grid-item .item-radiant {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.help-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.help-dialog .help-dialog-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(2, 4, 5, 0.9);
}
.help-dialog .help-dialog-scroll {
  max-height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}
.help-dialog .help-dialog-position {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-top: 7vw;
}
.help-dialog .help-dialog-content {
  margin: auto;
  position: relative;
  z-index: 2;
  background: rgba(22, 18, 15, 0.95);
  border-radius: 0.5vw;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.help-dialog .help-dialog-body {
  padding: 2vw;
}
.help-dialog .help-dialog-footer {
  padding: 2vw;
  background: rgba(30, 24, 20, 0.95);
  border-bottom-left-radius: 0.5vw;
  border-bottom-right-radius: 0.5vw;
}
.game-dialog.fullHeight .dialog-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.game-dialog.fullHeight .dialog-inner .dialog-content {
  flex: 1 0 0;
}
.game-dialog .dialog-inner {
  max-height: 100%;
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
}
.game-dialog .dialog-wrapper {
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-height: 100dvh;
  border-radius: 0 !important;
  aspect-ratio: 16/9;
  text-align: center;
  transform: translateY(-50%);
}
.game-dialog .dialog-header {
  border-radius: 0 !important;
}
.game-dialog .dialog-content {
  max-height: 100% !important;
  border-radius: 0 !important;
}
.game-dialog .dialog-content.padding {
  padding: 3vw !important;
}
.game-dialog .dialog-footer {
  height: 4vw;
  border-radius: 0 !important;
  background: rgba(27, 21, 19, 0.95);
}
.game-dialog .panel-content {
  overflow-y: auto;
}
.game-settings,
.game-menu,
.battle-beast-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transition: ease all 0.2s;
  background: rgba(0, 0, 0, 0.75);
  transform: translate(-50%, -50%);
  z-index: 100;
  animation: fadeIn 0.5s;
}
.game-settings .tabs,
.game-menu .tabs,
.battle-beast-dialog .tabs {
  padding-top: 2vw;
  display: flex;
}
.game-settings .tabs:not(.vertical),
.game-menu .tabs:not(.vertical),
.battle-beast-dialog .tabs:not(.vertical) {
  flex-direction: column;
}
.game-settings .tabs-nav,
.game-menu .tabs-nav,
.battle-beast-dialog .tabs-nav {
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
  margin-bottom: 0.5vw;
}
.game-settings .tabs-nav .custom-icon,
.game-menu .tabs-nav .custom-icon,
.battle-beast-dialog .tabs-nav .custom-icon {
  fill: white;
}
.game-settings .tabs.large > .tabs-nav,
.game-menu .tabs.large > .tabs-nav,
.battle-beast-dialog .tabs.large > .tabs-nav {
  font-size: 1.4em;
}
.game-settings .tabs-content,
.game-menu .tabs-content,
.battle-beast-dialog .tabs-content {
  flex: 1 0 0;
  width: 100%;
  min-height: 0;
  position: relative;
}
.game-settings .tabs .tabs-nav ul li,
.game-menu .tabs .tabs-nav ul li,
.battle-beast-dialog .tabs .tabs-nav ul li {
  padding: 0.6em 1em;
}
.game-settings-button {
  position: absolute;
  top: 2vw;
  right: 2vw;
  z-index: 100;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.game-settings-button button:hover {
  opacity: 1;
}
body.settings-open div[style*="background: rgba(126, 126, 126, 0.5);"],
body.battle-open div[style*="background: rgba(126, 126, 126, 0.5);"] {
  display: none;
}
body.settings-open #performance-stats,
body.battle-open #performance-stats {
  display: none;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] {
  border-color: rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.2) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 20px;"] span {
  color: #ee4444 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 100px;"] {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="right: 100px;"] span {
  color: #76c061 !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] > span {
  top: 0 !important;
  left: 0 !important;
  text-align: center !important;
  height: 100% !important;
  width: 100% !important;
  text-shadow: 0 0 2px black;
  font-size: 46px !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"][style*="left: 20px;"] {
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 8px 12px 8px rgba(0, 0, 0, 0.5), 0 0 2px 2px rgba(255, 255, 255, 0.2) !important;
}
body > div[style*="background: rgba(126, 126, 126, 0.5);"] > div {
  box-shadow: inset 0 8px 12px 8px rgba(255, 255, 255, 0.5), 0 1px 8px 4px rgba(0, 0, 0, 0.6);
  background: rgba(255, 255, 255, 0.6) !important;
}
.button-sign-out svg {
  transform: scaleX(-1);
}
.user-settings-button-wrapper {
  position: absolute;
  left: 2vw;
  top: 2vw;
}
.user-settings-button-wrapper .user-settings-button {
  padding: 0 !important;
  height: auto !important;
  line-height: auto !important;
  min-height: 0 !important;
  border-radius: 50% !important;
  display: block;
}
.user-settings-button-wrapper .user-settings-button .flex {
  height: auto !important;
  line-height: auto !important;
  min-height: 0 !important;
}
.user-settings-button-wrapper .menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #0d0d0d;
  z-index: 100;
  border-radius: 0.5vw;
  overflow: hidden;
}
.user-settings-button-wrapper .menu ul li a {
  padding: 0 1em;
}
.user-settings-button-wrapper .badge {
  z-index: 1;
  font-family: sans-serif;
  text-align: center;
  padding-left: 0.75em;
}
@keyframes fishHooked {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes hooked {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes waterBackground {
  0% {
    left: 0;
  }
  50% {
    left: -44vw;
  }
  0% {
    left: 0;
  }
}
@keyframes waterBubbles {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 99.5vw;
  }
}
@keyframes waterFoam {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 99.5vw;
  }
}
@keyframes waterPlantsSway {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes godRay {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.fishing-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100vw;
  z-index: 101;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 70%, black 71%);
}
.fishing-container .game-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: all;
}
.fishing-container .controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  pointer-events: all;
}
.fishing-container .controls .left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
}
.fishing-container .controls .right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 50%;
}
.fishing-container .rod {
  position: absolute;
  width: 8vw;
  height: 30vw;
  bottom: 29vw;
  left: 50%;
  transform-origin: bottom center;
  border-top-left-radius: 2vw;
  border-top-right-radius: 2vw;
  z-index: 1;
}
.fishing-container .rod .rod-segment {
  position: absolute;
  bottom: 99%;
  left: 50%;
  background-image: url("/fishing/fishing-rod-vertical.png");
  background-size: 8vw;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 8vw;
  transition: linear all 0.5s;
  transform-origin: bottom center;
}
.fishing-container .rod .rod-segment-1 {
  bottom: 0;
  height: 9.5vw;
}
.fishing-container .rod .rod-segment-2 {
  height: 5.5vw;
  background-position: center -11vw;
}
.fishing-container .rod .rod-segment-3 {
  height: 5vw;
  background-position: center -6vw;
}
.fishing-container .rod .rod-segment-4 {
  height: 6vw;
  background-position: center 0vw;
}
.fishing-container .line-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: top center;
  height: 13vw;
}
.fishing-container .line {
  width: 0.1vw;
  background: linear-gradient(to top, transparent 20%, white);
  box-sizing: initial;
  border-radius: 2vw;
  transition: linear all 0.25s;
}
.fishing-container .water {
  height: 24vw;
  width: 100vw;
  bottom: 4vw;
  left: 0;
  position: absolute;
  overflow: hidden;
}
.fishing-container .water .water-background {
  background-image: url("https://images.mythaura.com/media/UHM72EoN0fI5wMOC30pLCooFJPOOvVDyhIP1Q8V4.jpg");
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  transition: ease all 0.25s;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .water-bubbles {
  background-image: url("https://images.mythaura.com/media/j7zh1nQQwzZwPdnWOtXndbjS3uOHMRgfS1IJHUsA.png");
  background-repeat: repeat-x;
  background-size: contain;
  animation: waterBubbles 200s ease infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .water-foam {
  background-image: url("https://images.mythaura.com/media/ueO6fJC65fAkwFrSFd0R5IipEBru3Gs2rVe4DOvi.png");
  background-repeat: repeat-x;
  background-size: contain;
  background-position-y: center;
  animation: waterFoam 150s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
}
.fishing-container .water .god-rays {
  position: absolute;
  top: -25vw;
  left: -10vw;
}
.fishing-container .water .god-rays .god-ray {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  width: 100vw;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 20%, transparent);
}
.fishing-container .water .god-rays .god-ray-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left center;
  animation: godRay 100s ease infinite;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(1) {
  animation-delay: -0.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(2) {
  animation-delay: -1s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(3) {
  animation-delay: -1.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(4) {
  animation-delay: -2s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(5) {
  animation-delay: -2.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(6) {
  animation-delay: -3s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(7) {
  animation-delay: -3.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(8) {
  animation-delay: -4s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(9) {
  animation-delay: -4.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(10) {
  animation-delay: -5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(11) {
  animation-delay: -5.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(12) {
  animation-delay: -6s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(13) {
  animation-delay: -6.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(14) {
  animation-delay: -7s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(15) {
  animation-delay: -7.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(16) {
  animation-delay: -8s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(17) {
  animation-delay: -8.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(18) {
  animation-delay: -9s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(19) {
  animation-delay: -9.5s;
}
.fishing-container .water .god-rays .god-ray-wrapper:nth-child(20) {
  animation-delay: -10s;
}
.fishing-container .fish-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fishing-container .fish-container .fish {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.fishing-container .fish-container .fish img {
  width: 100%;
  display: block;
}
.fishing-container .fish-container .fish .fish-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease transform 0.25s;
}
.fishing-container .fish-container .fish.direction-right .fish-inner {
  transform: translate(-50%, -50%) scaleX(-1);
}
.fishing-container .fish-container .fish .rotateAnimation {
  transition: ease transform 0.25s;
  animation: fishHooked 1.5s linear infinite;
}
.fishing-container .fish-container .fish .rotateAnimation.hooked {
  animation: fishHooked 0.25s linear infinite;
}
.fishing-container .hook-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fishing-container .hook-container .hook {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transition: linear all 0.5s;
  border-radius: 50%;
}
.fishing-container .hook-container .hook.hooked {
  background-color: green;
}
.fishing-container .hook-container .hook.hooked .hook-progress {
  opacity: 0.8;
}
.fishing-container .hook-container .hook .hook-rotation {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: linear all 0.1s;
}
.fishing-container .hook-container .hook .hook-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.2vw solid rgba(0, 0, 0, 0.2);
}
.fishing-container .hook-container .hook .hook-border.hooked {
  border: 0.2vw dashed green;
  animation: hooked 10s linear infinite;
}
.fishing-container .hook-container .hook .hook-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.2;
  transition: linear all 0.25s;
}
.fishing-container .hook-container .hook img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2vw;
  height: 2vw;
  margin-left: -0.1vw;
}
.loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #0d0d0d;
}
.loading-screen .loading-message {
  position: absolute;
  bottom: 0vw;
  text-align: left;
  padding: 6vw;
  width: 100%;
}
.loading-screen .loader {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2vw;
  background: rgba(229, 179, 92, 0.2);
}
.loading-screen .loader .inner {
  background: linear-gradient(to right, #a7741b, #e5b35c);
  box-shadow: 0 0 1vw 0.5vw rgba(229, 179, 92, 0.6);
}
@keyframes lockPickAttempt {
  0% {
    transform: rotate(2deg);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
@keyframes lockPickBreakTranslate {
  0% {
    transform: translateX(0) translateY(0) translateZ(0);
  }
  100% {
    transform: translateY(-100vw);
  }
}
@keyframes lockPickBreakSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2000deg);
  }
}
@keyframes lockPickNew {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.lock-picking {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease;
  animation: fadeIn 0.2s ease;
  /*
  .lock-keyhole {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    background: black;

    &:before {
  	content: '';
  	top: 50%;
  	left: 50%;
  	transform: translateX(-50%);
  	position: absolute;
  	width: 1.5vw;
  	border-radius: 1vw;
  	height: 5vw;
  	background: black;
    }
  }
  */
}
.lock-picking .debug {
  position: absolute;
  bottom: 100%;
  padding-bottom: 1vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  text-align: center;
}
.lock-picking .lock-shell {
  border-radius: 1vw;
  width: 30vw;
  height: 30vw;
  background-image: url("/lock-picking/lock-block-1000.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lock-picking .lock-keyblock-rotation {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transition: transform 0.5s;
}
.lock-picking .lock-keyblock {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
  background-image: url("/lock-picking/keyhole-600.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.5);
}
.lock-picking .lock-shiv {
  position: absolute;
  z-index: 8;
  top: 40%;
  left: 50%;
  width: 20vw;
  height: 16vw;
  background-image: url("/lock-picking/lock-pick-shim-800.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  filter: drop-shadow(0 0 1vw rgba(0, 0, 0, 0.8));
}
.lock-picking .lock-pick-container {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transition: transform linear 0.1s;
}
.lock-picking .lock-pick-container .lock-pick:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 25vw;
  width: 3vw;
  background-image: url("/lock-picking/lock-pick-800.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  filter: drop-shadow(0 0 1vw rgba(0, 0, 0, 0.8));
  margin-top: -0.5vw;
}
.lock-picking .lock-pick-container .showBreakTranslateAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: center center;
  animation: lockPickBreakTranslate 0.5s ease-out;
}
.lock-picking .lock-pick-container .showBreakSpinAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: center center;
  animation: lockPickBreakSpin 0.5s ease-out;
}
.lock-picking .lock-pick-container .showNewAnimation {
  transition: transform 0.5s, opacity 0.5s;
  transform-origin: top center;
  animation: lockPickNew 0.5s linear;
}
.lock-picking .lock-pick-container .showAttemptAnimation {
  transition: transform 0.5s;
  transform-origin: top center;
  animation: lockPickAttempt 0.5s linear;
}
.world-map {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.world-map .current-location {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  background: #0d0d0d;
  z-index: 4;
  transition: ease all 0.5s;
  right: -25%;
  padding: 2vw;
  box-shadow: 0 0 2vw 2vw #0d0d0d;
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.world-map .current-location.show {
  right: 0;
  opacity: 1;
}
.world-map .current-location h4 {
  margin: 0;
}
.world-map .current-location .location-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}
.world-map .current-location .location-background:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4vw;
  background: linear-gradient(transparent, #0d0d0d);
}
.world-map .current-location .location-background:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4vw;
  background: linear-gradient(to left, transparent, #0d0d0d);
}
.world-map {
  position: relative;
}
.world-map .react-transform-component {
  position: relative;
}
.world-map-image {
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
}
.world-map-container {
  display: flex;
  overflow: hidden;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
}
.world-map-container .react-transform-wrapper {
  height: 100%;
}
.world-map-region {
  position: absolute;
  top: 0;
  left: 0;
}
.map-location {
  position: absolute;
  transform: translate(-50%, -50%);
}
.map-location .map-location-icon {
  cursor: pointer;
  width: 2vw;
  height: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease all 0.2s;
  filter: drop-shadow(0 0 0.1vw black);
  border-radius: 50%;
  font-size: 0.8em;
}
.map-location .map-location-icon:hover {
  filter: drop-shadow(0 0 0.2vw black);
  transform: scale(1.2);
}
.map-location.active .map-location-icon {
  filter: drop-shadow(0 0 0.2vw black);
  transform: scale(1.2);
  box-shadow: 0 0 0.2vw #44b5b9, 0 0 0.2vw #44b5b9 inset;
  border: 0.1vw solid #44b5b9;
  background: rgba(68, 181, 185, 0.4);
}
.map-location-tooltip {
  position: absolute;
  z-index: 1;
}
.map-location-tooltip .tooltip {
  position: absolute;
  bottom: calc(100% + 1.5vw);
  left: 50%;
  transform: translateX(-50%);
  pointer-events: all;
  padding: 1vw 1vw 2vw 1vw;
  z-index: 2;
  text-align: left;
}
.map-location-tooltip .tooltip .button-close {
  position: absolute;
  top: -1vw;
  right: -1vw;
  background: #cc3342;
  border-radius: 50% !important;
  width: 2vw;
  height: 2vw;
}
.map-location-tooltip .tooltip .button-close:hover {
  background: #a32935 !important;
  border-color: #cc3342 !important;
}
.map-location-tooltip .tooltip .loader {
  height: 1vw;
}
.world-map-location-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.95));
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
  transition: ease all 0.2s;
}
.world-map-location-sidebar-content {
  display: flex;
  width: 25vw;
  height: 100%;
  flex-direction: column;
  padding: 2vw 2vw 4vw 2vw;
}
.world-map-controls {
  position: absolute;
  top: 1vw;
  left: 1vw;
  display: flex;
  gap: 1vw;
}
.mini-map {
  position: absolute;
  bottom: 1vw;
  right: 1vw;
  z-index: 97;
  border-radius: 0.5dvw;
  overflow: hidden;
  width: 20vw;
  height: 20vw;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: ease 0.5s all;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mini-map:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.mini-map.expanded {
  right: 1vw;
  width: calc(100% - 2vw);
  height: calc(100% - 2vw);
  background: rgba(0, 0, 0, 0.6);
}
.mini-map.expanded img {
  width: auto !important;
}
.mini-map.expanded .mini-map-player {
  transform: translate(-50%, -50%) scale(2);
  transition: ease all 0.2s;
}
.mini-map.expanded .mini-map-inner {
  transform: translate(-50%, -50%) scale(2);
}
.mini-map .mini-map-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  transition: ease all 0.2s;
}
.mini-map img {
  display: block;
  margin: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.mini-map-player {
  z-index: 2;
  width: 0.8vw;
  height: 0.8vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease all 0.2s;
}
.mini-map-player:before {
  border-radius: 50%;
  background: #cc3342;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid black;
  filter: drop-shadow(0 0 0.1vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2vw rgba(0, 0, 0, 0.8));
}
.mini-map-other-player {
  z-index: 2;
  width: 0.8vw;
  height: 0.8vw;
  position: absolute;
  transition: ease all 0.2s;
}
.mini-map-other-player:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 1px solid black;
  filter: drop-shadow(0 0 0.1vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2vw rgba(0, 0, 0, 0.8));
}
.mini-map-other-player.mini-map-other-player-1:before {
  background: #44b5b9;
}
.mini-map-other-player.mini-map-other-player-2:before {
  background: #358919;
}
.mini-map-tile {
  width: 0.3vw;
  height: 0.3vw;
}
.mini-map-image-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
}
.mini-map-starting-coordinates,
.mini-map-ending-coordinates,
.mini-map-event,
.mini-map-elite-enemy {
  position: absolute;
  width: 1.3vw;
  height: 1.3vw;
  border-radius: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.mini-map-starting-coordinates svg,
.mini-map-ending-coordinates svg,
.mini-map-event svg,
.mini-map-elite-enemy svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 0.1vw rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.2vw rgba(0, 0, 0, 0.8));
}
.mini-map-starting-coordinates svg,
.mini-map-starting-coordinates path {
  fill: #44b5b9;
}
.mini-map-ending-coordinates svg,
.mini-map-ending-coordinates path {
  fill: #d9673d;
}
.decorative-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.decorative-frame.invert {
  filter: invert(1);
}
.decorative-frame_top,
.decorative-frame_left,
.decorative-frame_right,
.decorative-frame_bottom {
  position: absolute;
  background: rgba(53, 34, 28, 0.5);
  z-index: 1;
}
.decorative-frame_top {
  top: 0.3em;
  left: 2em;
  right: 2em;
  height: 0.1em;
}
.decorative-frame_left {
  top: 2em;
  left: 0.3em;
  bottom: 2em;
  width: 0.1em;
}
.decorative-frame_right {
  top: 2em;
  right: 0.3em;
  bottom: 2em;
  width: 0.1em;
}
.decorative-frame_bottom {
  left: 2em;
  right: 2em;
  bottom: 0.3em;
  height: 0.1em;
}
.decorative-frame_top-left,
.decorative-frame_top-right,
.decorative-frame_bottom-left,
.decorative-frame_bottom-right {
  position: absolute;
  border: 1px solid rgba(53, 34, 28, 0.5);
  z-index: 1;
}
.decorative-frame_top-left:before,
.decorative-frame_top-right:before,
.decorative-frame_bottom-left:before,
.decorative-frame_bottom-right:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: rgba(53, 34, 28, 0.5);
  border-radius: 50%;
}
.decorative-frame_top-left {
  top: 0.3em;
  left: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-bottom-right-radius: 50%;
  border-top: 0;
  border-left: 0;
}
.decorative-frame_top-left:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.decorative-frame_top-right {
  top: 0.3em;
  right: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-bottom-left-radius: 50%;
  border-top: 0;
  border-right: 0;
}
.decorative-frame_top-right:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.decorative-frame_bottom-left {
  left: 0.3em;
  bottom: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-top-right-radius: 50%;
  border-bottom: 0;
  border-left: 0;
}
.decorative-frame_bottom-left:before {
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}
.decorative-frame_bottom-right {
  right: 0.3em;
  bottom: 0.3em;
  width: 1.8vw;
  height: 1.8vw;
  border-top-left-radius: 50%;
  border-bottom: 0;
  border-right: 0;
}
.decorative-frame_bottom-right:before {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}
.radiant {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: relative;
}
.radiant:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://rotomdex.app/assets/stars.gif");
  background-size: cover;
  background-position: center center;
  background-blend-mode: overlay;
  mix-blend-mode: color-dodge;
  opacity: 0.5;
  z-index: 1;
}
.game-text {
  font-size: 1.5vw;
}
.text-dialog {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #35221c;
  font-size: 1.5vw;
  font-family: "Patrick Hand SC";
  position: absolute;
  bottom: 1vw;
  z-index: 101;
}
.text-dialog p {
  font-family: "Patrick Hand SC";
}
.text-dialog .text-dialog-button {
  font-size: 1em;
  font-family: "Patrick Hand SC";
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  bottom: 2vw;
  right: 4vw;
}
.text-dialog .text-dialog-button svg {
  display: block;
}
.text-dialog .Typewriter__cursor {
  display: none;
}
.text-dialog .text-dialog-options {
  position: absolute;
  bottom: calc(100% - 1vw);
  right: -1vw;
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  padding: 2vw 6vw 2vw 4vw;
  border: 1px solid #191712;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
  border-radius: 0.2vw;
  z-index: 2;
}
.text-dialog .text-dialog-options .player-expression {
  transform: scaleX(-1);
  position: absolute;
  bottom: -2vw;
  right: -14vw;
  width: 20vw;
  filter: drop-shadow(0 0.2vw 0.2vw rgba(0, 0, 0, 0.5));
}
.text-dialog .text-dialog-layer {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #928165;
  left: 0;
  top: 0;
  transform: rotate(-1deg);
  opacity: 0.6;
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
}
.text-dialog .title {
  position: absolute;
  top: -1vw;
  left: 6vw;
  background: #746750;
  border-radius: 100vw;
  padding: 0 1.5vw;
  color: rgba(255, 255, 255, 0.8);
}
.text-dialog.small {
  min-height: 0;
  padding: 1vw 2vw;
}
.text-dialog .menu a {
  color: #35221c;
  min-height: 1.5em;
}
.text-dialog .menu a span {
  line-height: 1.5em;
}
.text-dialog .text-dialog-image {
  position: absolute;
  z-index: 4;
  bottom: -13vw;
  left: -14vw;
  width: 20vw;
  filter: drop-shadow(0 0.2vw 0.2vw rgba(0, 0, 0, 0.5));
  transform: translateY(-50%);
}
.text-dialog.asPlayer .text-dialog-image {
  right: -14vw;
  left: auto;
  transform: translateY(-50%) scaleX(-1);
}
.text-dialog.asPlayer .text-dialog-inner {
  padding: 2vw 6vw 4vw 4vw;
}
.text-dialog.hasNpc .text-dialog-inner {
  padding: 2vw 4vw 4vw 6vw;
}
.text-dialog .text-dialog-inner {
  z-index: 1;
  width: 50vw;
  min-height: 12vw;
  padding: 2vw 4vw 4vw 4vw;
  border: 1px solid #a79980;
  border-radius: 0.2vw;
  background: linear-gradient(#a89a82, #dcd2bf, #a89a82);
  box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.5);
}
.ability-element-text.fire {
  text-shadow: 1px 1px 1px #e5675b, -1px -1px 1px #e5675b, 1px -1px 1px #e5675b, -1px 1px 1px #e5675b;
}
.ability-element-text.arcane {
  text-shadow: 1px 1px 1px #8f74e2, -1px -1px 1px #8f74e2, 1px -1px 1px #8f74e2, -1px 1px 1px #8f74e2;
}
.ability-element-text.lightning {
  text-shadow: 1px 1px 1px #f0dc97, -1px -1px 1px #f0dc97, 1px -1px 1px #f0dc97, -1px 1px 1px #f0dc97;
}
.ability-element-text.rot {
  text-shadow: 1px 1px 1px #c06367, -1px -1px 1px #c06367, 1px -1px 1px #c06367, -1px 1px 1px #c06367;
}
.ability-element-text.stone {
  text-shadow: 1px 1px 1px #a06c4e, -1px -1px 1px #a06c4e, 1px -1px 1px #a06c4e, -1px 1px 1px #a06c4e;
}
.ability-element-text.dark {
  text-shadow: 1px 1px 1px #5b5f8e, -1px -1px 1px #5b5f8e, 1px -1px 1px #5b5f8e, -1px 1px 1px #5b5f8e;
}
.ability-element-text.ice {
  text-shadow: 1px 1px 1px #eef7f7, -1px -1px 1px #eef7f7, 1px -1px 1px #eef7f7, -1px 1px 1px #eef7f7;
}
.ability-element-text.specter {
  text-shadow: 1px 1px 1px #bccfa9, -1px -1px 1px #bccfa9, 1px -1px 1px #bccfa9, -1px 1px 1px #bccfa9;
}
.ability-element-text.air {
  text-shadow: 1px 1px 1px #bce4ca, -1px -1px 1px #bce4ca, 1px -1px 1px #bce4ca, -1px 1px 1px #bce4ca;
}
.ability-element-text.nature {
  text-shadow: 1px 1px 1px #5bae3a, -1px -1px 1px #5bae3a, 1px -1px 1px #5bae3a, -1px 1px 1px #5bae3a;
}
.ability-element-text.water {
  text-shadow: 1px 1px 1px #6dd5fc, -1px -1px 1px #6dd5fc, 1px -1px 1px #6dd5fc, -1px 1px 1px #6dd5fc;
}
.ability-element-text.light {
  text-shadow: 1px 1px 1px #f7e1c7, -1px -1px 1px #f7e1c7, 1px -1px 1px #f7e1c7, -1px 1px 1px #f7e1c7;
}
.game-footer {
  width: 100%;
  z-index: 2;
  height: 4vw;
  background: linear-gradient(rgba(27, 21, 19, 0.8), rgba(27, 21, 19, 0.6));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
  border-top: 1px solid rgba(229, 179, 92, 0.3);
  border-bottom: 1px solid rgba(229, 179, 92, 0.3);
  padding: 1vw;
}
.party {
  height: 100%;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.party .party-inner {
  position: relative;
  flex: 1 0 0;
  display: flex;
  width: 100%;
  overflow-y: auto;
  background: linear-gradient(to bottom, transparent 60%, rgba(229, 179, 92, 0.1));
}
.party .party-grid {
  display: flex;
  padding-left: 4vw;
  flex-direction: column;
  justify-content: center;
}
.party .party-grid .beast-icon:nth-child(2) {
  margin-left: 6vw;
}
.party .tile {
  width: 25vw;
  height: 25vw;
}
.party .party-slot {
  background: none;
  border: 0;
}
.party .party-slot .icon {
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.party .party-slot-active {
  position: absolute;
  top: 0;
  left: 20%;
}
.party .party-slot-active .beast-image {
  padding-top: 9vw;
}
.party .party-slot-active .beast-image .canvas-wrapper {
  width: 40vw !important;
}
.party .party-slot-active .beast-status-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.5vw;
  z-index: 1;
}
.party .party-slot-active-info {
  position: absolute;
  right: 2vw;
  top: 1.5vw;
  bottom: 4vw;
  width: 34vw;
}
.party .party-slot-active-info .tabs-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.party .party-slot-active-info .tabs {
  padding-top: 0;
}
.party .party-slot-active-info .tabs .tabs-nav {
  margin: 0;
}
.party .party-slot-active-info .tabs .tabs-content > div > .padding-2 {
  padding-top: 1vw;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.dialog-add-to-party .dialog-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dialog-add-to-party .dialog-content {
  flex: 1 0 0;
}
.recruiter {
  height: 100%;
  background: linear-gradient(to top, #f0dab7, #a37b51);
  background-size: contain;
  position: relative;
  box-shadow: inset 0 1em 1em rgba(0, 0, 0, 0.2);
}
.recruiter:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.recruiter > .grid {
  z-index: 11;
  position: relative;
}
.recruiter .inventory .panel-content {
  height: 100%;
}
.recruiter-slot {
  color: #35221c;
}
.recruiter-slot .canvas-wrapper {
  width: 100% !important;
}
.recruiter-slot .recruiter-slot-inner {
  background: url("https://images.mythaura.com/media/vYr6sv5azRNO5XjbrlyAftfW3l5f4WZomDopBOY1.jpg");
  background-size: cover;
  padding: 3em 1em;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  border-radius: 0.5em;
}
.recruiter-slot .recruiter-slot-inner .beast-image {
  border: 1px solid rgba(255, 255, 255, 0.3);
  outline: 1px solid rgba(0, 0, 0, 0.3);
  padding: 1em;
}
.recruiter-slot.hired .recruiter-slot-inner, .recruiter-slot.exchanged .recruiter-slot-inner, .recruiter-slot.emptySlot .recruiter-slot-inner {
  opacity: 0.5;
  pointer-events: none;
}
.recruiter-slot.emptySlot {
  height: 100%;
}
.recruiter-slot.emptySlot .recruiter-slot-inner {
  flex: 1 0 0 !important;
}
.recruiter-slot.emptySlot .recruiter-slot-inner + .flex {
  flex: 0 0 0 !important;
}
.recruiter-slot .empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
}
.recruiter-slot .hired-text,
.recruiter-slot .exchange-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  font-size: 2em;
  padding: 1em;
  width: 200%;
  text-align: center;
  z-index: 2;
  margin: 0;
}
.recruiter-slot .hired-text {
  background: rgba(29, 83, 11, 0.9);
  color: white;
}
.recruiter-slot .exchange-text {
  background: rgba(29, 83, 11, 0.9);
  color: white;
}
.keybindings .keybinding {
  white-space: nowrap;
}
.keybindings .keybindings-group-list {
  padding-left: 1vw;
}
.keybindings .keybinding-name {
  flex: 1 0 0;
  min-width: 10vw;
}
.keybindings .keybinding-key {
  min-width: 8vw;
  flex: 1 0 0;
  max-width: 12vw;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(229, 179, 92, 0.3);
  display: flex;
  justify-content: center;
  padding: 0.5vw;
  border-radius: 0.5vw;
  cursor: pointer;
  outline: none !important;
  transition: ease all 0.2s;
}
.keybindings .keybinding-key:hover {
  box-shadow: 0 0 1vw rgba(229, 179, 92, 0.5), inset 0 0 0.8vw 0.2vw rgba(229, 179, 92, 0.4);
}
.keybindings .keybinding-key.entering {
  animation: focusPulse 1s linear infinite;
}
.keybindings span {
  display: block;
  border: 1px solid #44b5b9;
  color: #44b5b9;
  border-radius: 0.3vw;
  padding: 0.5vw 1vw;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6em;
  min-height: 2.26vw;
}
#enable3d-three-canvas {
  margin: 0 !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2 !important;
}
#enable3d-phaser-canvas {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  margin: 0 !important;
  z-index: 3 !important;
}
.first-adventure-splash-art-background .background-perspective {
  transform: scaleX(-1);
}
.three-scene-wrapper {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.three-scene-wrapper .three-scene-filters {
  position: absolute;
  width: 100%;
  height: 100%;
}
.three-scene-wrapper .title-screen {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scene {
  display: flex;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.scene.vignette .scene-static:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 90%);
  content: "";
}
.scene .scene-background-blur {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://images.mythaura.com/backgrounds/fledglings-forest/day.jpg");
  background-position: center center;
  background-size: cover;
  filter: blur(5px);
  opacity: 0.2;
  pointer-events: none;
}
.scene .scene-viewport {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
}
.scene .scene-position {
  position: relative;
  width: 100%;
  max-height: 100%;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  aspect-ratio: 2;
}
.scene .scene-aspect-ratio {
  width: 100%;
  padding-bottom: 42.8571428571%;
}
.scene .scene-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.scene.hasFooter .scene-viewport {
  height: calc(100% - 4vw);
}
.scene-static {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.scene-static > *:not(.battle-controls) {
  pointer-events: all;
}
.view-width-based,
.viewWidthBased {
  font-size: 1vw;
}
.view-width-based .user-icon,
.viewWidthBased .user-icon {
  width: 3.5vw;
  height: 3.5vw;
}
.view-width-based .user-icon.large,
.viewWidthBased .user-icon.large {
  width: 5.5vw;
  height: 5.5vw;
}
.view-width-based .element-icon,
.viewWidthBased .element-icon {
  width: 2.5vw;
  height: 2.5vw;
}
.view-width-based .subheading,
.viewWidthBased .subheading {
  font-size: 0.8em;
}
.view-width-based .loader,
.viewWidthBased .loader {
  height: 2vw;
}
.view-width-based .shadow,
.viewWidthBased .shadow {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
}
.view-width-based .shadow-large,
.viewWidthBased .shadow-large {
  box-shadow: 0 0.5em 1.5em 0.25em rgba(0, 0, 0, 0.6);
}
.view-width-based .alert,
.viewWidthBased .alert {
  padding: 0.5em 1em;
}
.view-width-based .panel-header,
.viewWidthBased .panel-header {
  padding: 1em;
}
.view-width-based .panel-content.padding,
.viewWidthBased .panel-content.padding {
  padding: 1em;
}
.view-width-based .panel-footer,
.viewWidthBased .panel-footer {
  padding: 1em;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
.view-width-based .gap,
.viewWidthBased .gap {
  gap: 0.5em;
}
.view-width-based .tile,
.viewWidthBased .tile {
  border-radius: 0.25em;
}
.view-width-based .select,
.view-width-based .textbox input,
.viewWidthBased .select,
.viewWidthBased .textbox input {
  min-height: 3em;
  border-radius: 0.25em;
  font-size: 1em;
  line-height: calc(3em - 2px);
}
.view-width-based .select-placeholder,
.viewWidthBased .select-placeholder {
  min-height: calc(3em - 2px);
  line-height: calc(3em - 2px);
}
.view-width-based .textbox.small input,
.viewWidthBased .textbox.small input {
  min-height: 2em;
  padding: 0 0.5em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .select-container.small .select,
.viewWidthBased .select-container.small .select {
  min-height: 2em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .select-container.small .select .select-placeholder,
.viewWidthBased .select-container.small .select .select-placeholder {
  min-height: 2em;
  line-height: calc(2em - 2px);
}
.view-width-based .select-container .select .select-icon,
.viewWidthBased .select-container .select .select-icon {
  padding: 0.5em;
}
.view-width-based .select-container .element-icon,
.viewWidthBased .select-container .element-icon {
  width: 1.5vw;
  height: 1.5vw;
}
.view-width-based.unselected-container .element-icon,
.viewWidthBased.unselected-container .element-icon {
  width: 1.5vw;
  height: 1.5vw;
}
.view-width-based .textbox input,
.viewWidthBased .textbox input {
  padding: 0 0.5em;
}
.view-width-based .textbox .textbox-wrapper svg,
.viewWidthBased .textbox .textbox-wrapper svg {
  left: 1em;
}
.view-width-based .textbox .textbox-wrapper svg + input,
.viewWidthBased .textbox .textbox-wrapper svg + input {
  padding-left: 3em;
  font-size: 1em;
}
.view-width-based .textbox.small svg,
.viewWidthBased .textbox.small svg {
  height: 0.8em;
}
.view-width-based .textbox.small .textbox-wrapper svg + input,
.viewWidthBased .textbox.small .textbox-wrapper svg + input {
  font-size: 0.8em;
}
.view-width-based .toggle .toggle-wrapper,
.viewWidthBased .toggle .toggle-wrapper {
  border-radius: 0.25em;
}
.view-width-based .toggle .toggle-unchecked,
.view-width-based .toggle .toggle-checked,
.viewWidthBased .toggle .toggle-unchecked,
.viewWidthBased .toggle .toggle-checked {
  display: flex;
  min-height: 3em;
  align-items: center;
  justify-content: center;
}
.view-width-based .checkbox input[type=checkbox],
.viewWidthBased .checkbox input[type=checkbox] {
  font-size: 1em;
}
.view-width-based .button:not(.small),
.viewWidthBased .button:not(.small) {
  min-height: 3em;
  padding: 0 1em;
  border-radius: 0.25em;
  font-size: 1em;
  line-height: calc(3em - 2px);
}
.view-width-based .button:not(.small) > .flex,
.viewWidthBased .button:not(.small) > .flex {
  height: calc(3em - 2px);
}
.view-width-based .button.small,
.viewWidthBased .button.small {
  min-height: 2em;
  padding: 0 0.5em;
  border-radius: 0.25em;
  font-size: 0.8em;
  line-height: calc(2em - 2px);
}
.view-width-based .button.small > .flex,
.viewWidthBased .button.small > .flex {
  height: calc(2em - 2px);
}
.view-width-based .gap-1,
.viewWidthBased .gap-1 {
  gap: 0.5em;
}
.view-width-based .gap-2,
.viewWidthBased .gap-2 {
  gap: 1em;
}
.view-width-based .gap-3,
.viewWidthBased .gap-3 {
  gap: 1.5em;
}
.view-width-based .gap-4,
.viewWidthBased .gap-4 {
  gap: 2em;
}
.view-width-based .gap-5,
.viewWidthBased .gap-5 {
  gap: 2.5em;
}
.view-width-based .gap-6,
.viewWidthBased .gap-6 {
  gap: 3em;
}
.view-width-based .gap-7,
.viewWidthBased .gap-7 {
  gap: 3.5em;
}
.view-width-based .gap-8,
.viewWidthBased .gap-8 {
  gap: 4em;
}
.view-width-based .gap-9,
.viewWidthBased .gap-9 {
  gap: 4.5em;
}
.view-width-based .gap-10,
.viewWidthBased .gap-10 {
  gap: 5em;
}
.view-width-based .gap-11,
.viewWidthBased .gap-11 {
  gap: 5.5em;
}
.view-width-based .gap-12,
.viewWidthBased .gap-12 {
  gap: 6em;
}
.view-width-based .gap-13,
.viewWidthBased .gap-13 {
  gap: 6.5em;
}
.view-width-based .gap-14,
.viewWidthBased .gap-14 {
  gap: 7em;
}
.view-width-based .gap-15,
.viewWidthBased .gap-15 {
  gap: 7.5em;
}
.view-width-based .gap-16,
.viewWidthBased .gap-16 {
  gap: 8em;
}
.view-width-based .gap-17,
.viewWidthBased .gap-17 {
  gap: 8.5em;
}
.view-width-based .gap-18,
.viewWidthBased .gap-18 {
  gap: 9em;
}
.view-width-based .gap-19,
.viewWidthBased .gap-19 {
  gap: 9.5em;
}
.view-width-based .gap-20,
.viewWidthBased .gap-20 {
  gap: 10em;
}
.view-width-based .gap-21,
.viewWidthBased .gap-21 {
  gap: 10.5em;
}
.view-width-based .gap-22,
.viewWidthBased .gap-22 {
  gap: 11em;
}
.view-width-based .gap-23,
.viewWidthBased .gap-23 {
  gap: 11.5em;
}
.view-width-based .gap-24,
.viewWidthBased .gap-24 {
  gap: 12em;
}
.view-width-based .pin input,
.viewWidthBased .pin input {
  width: 4em;
  height: 5em;
  border-radius: 0.5em;
  font-size: 3em;
  line-height: calc(2.5em - 2px);
}
.view-width-based .keybindings span,
.viewWidthBased .keybindings span {
  border-width: 0.2em;
}
.view-width-based .padding,
.viewWidthBased .padding {
  padding: 1em;
}
.view-width-based .loader.large,
.viewWidthBased .loader.large {
  height: 2em;
}
.view-width-based .element-icon-color,
.viewWidthBased .element-icon-color {
  width: 3vw !important;
  min-width: 3vw !important;
}
.view-width-based .element-icon-color img,
.viewWidthBased .element-icon-color img {
  padding: 0.5vw;
}
.scene-translate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 500ms ease 0s;
}
.falling-leaves {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: right;
}
.falling-leaves i {
  z-index: 1;
  display: inline-block;
  width: 200px;
  height: 150px;
  border: 1px solid #333;
  border-radius: 5% 40% 70%;
  -webkit-animation: falling 5s 0s infinite;
  background: linear-gradient(to bottom right, #309900, #005600);
  box-shadow: inset 0px 0px 1px #222;
  transform: skew(20deg);
}
.falling-leaves i::nth-of-type(2n) {
  -webkit-animation: falling2 5s 0s infinite;
}
.falling-leaves i:nth-of-type(3n) {
  -webkit-animation: falling3 5s 0s infinite;
}
.falling-leaves i:before {
  position: absolute;
  z-index: 1;
  top: 117px;
  right: 9px;
  width: 32px;
  height: 27px;
  border-radius: 0% 15% 15% 0%;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 0px solid #222;
  background: linear-gradient(to right, rgb(0, 100, 0), #005600);
  content: "";
  transform: rotate(49deg);
}
.falling-leaves i:after {
  position: absolute;
  left: 85px;
  display: block;
  width: 10px;
  height: 125px;
  border-radius: 50%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  content: "";
  transform: rotate(125deg);
}
.falling-leaves i:nth-of-type(n) {
  width: 30px;
  height: 23px;
}
.falling-leaves i:nth-of-type(n):before {
  top: 17px;
  right: 1px;
  width: 7px;
  height: 5px;
}
.falling-leaves i:nth-of-type(n):after {
  top: 0px;
  left: 12px;
  width: 2px;
  height: 17px;
}
.falling-leaves i:nth-of-type(2n + 1) {
  width: 16px;
  height: 11px;
}
.falling-leaves i:nth-of-type(2n + 1):before {
  top: 7px;
  right: 0px;
  width: 4px;
  height: 3px;
}
.falling-leaves i:nth-of-type(2n + 1):after {
  top: 1px;
  left: 5px;
  width: 2px;
  height: 6px;
}
.falling-leaves i:nth-of-type(3n + 2) {
  width: 23px;
  height: 17px;
}
.falling-leaves i:nth-of-type(3n + 2):before {
  top: 12px;
  right: 1px;
  width: 4px;
  height: 4px;
}
.falling-leaves i:nth-of-type(3n + 2):after {
  top: 1px;
  left: 8px;
  width: 2px;
  height: 10px;
}
.falling-leaves i:nth-of-type(n) {
  -webkit-animation-delay: 1.9s;
}
.falling-leaves i:nth-of-type(2n) {
  -webkit-animation-delay: 3.9s;
}
.falling-leaves i:nth-of-type(3n) {
  -webkit-animation-delay: 2.3s;
}
.falling-leaves i:nth-of-type(4n) {
  -webkit-animation-delay: 4.4s;
}
.falling-leaves i:nth-of-type(5n) {
  -webkit-animation-delay: 5s;
}
.falling-leaves i:nth-of-type(6n) {
  -webkit-animation-delay: 3.5s;
}
.falling-leaves i:nth-of-type(7n) {
  -webkit-animation-delay: 2.8s;
}
.falling-leaves i:nth-of-type(8n) {
  -webkit-animation-delay: 1.5s;
}
.falling-leaves i:nth-of-type(9n) {
  -webkit-animation-delay: 3.3s;
}
.falling-leaves i:nth-of-type(10n) {
  -webkit-animation-delay: 2.5s;
}
.falling-leaves i:nth-of-type(11n) {
  -webkit-animation-delay: 1.2s;
}
.falling-leaves i:nth-of-type(12n) {
  -webkit-animation-delay: 4.1s;
}
.falling-leaves i:nth-of-type(13n) {
  -webkit-animation-delay: 1s;
}
.falling-leaves i:nth-of-type(14n) {
  -webkit-animation-delay: 4.7s;
}
.falling-leaves i:nth-of-type(15n) {
  -webkit-animation-delay: 3s;
}
.falling-leaves i:nth-of-type(n) {
  background: linear-gradient(to bottom right, #309900, #005600);
}
.falling-leaves i:nth-of-type(2n + 2) {
  background: linear-gradient(to bottom right, #5e9900, #2b5600);
}
.falling-leaves i:nth-of-type(4n + 1) {
  background: linear-gradient(to bottom right, #990, #564500);
}
.falling-leaves i:nth-of-type(n) {
  opacity: 0.7;
}
.falling-leaves i:nth-of-type(3n + 1) {
  opacity: 0.5;
}
.falling-leaves i:nth-of-type(3n + 2) {
  opacity: 0.3;
}
.falling-leaves i:nth-of-type(n) {
  transform: rotate(180deg);
}
.falling-leaves i:nth-of-type(n) {
  -webkit-animation-timing-function: ease-in-out;
}
.explore {
  display: flex;
  justify-content: center;
  background: black;
  width: 100dvw;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 4vw rgba(0, 0, 0, 0.8), 0 0 2vw rgba(0, 0, 0, 0.8);
}
.explore [class*=team-statuses-container].allies {
  top: 1vw !important;
  left: 1vw !important;
}
.explore .scene-viewport {
  box-shadow: none;
}
.cutscene-backdrop {
  position: absolute;
  z-index: 98;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cutscene-backdrop .logo {
  animation: fadeIn 9s ease;
}
.cutscene-backdrop .logo.fadeOutLogo {
  animation-delay: 0s;
  animation: fadeOut 9s ease forwards;
}
#wild-area {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
}
#wild-area-wrapper {
  position: absolute;
  width: 100%;
  max-width: 300dvh;
  height: 100%;
}
.wild-area-scene-loader {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black;
  pointer-events: none;
  transition: ease all 0.2s;
}
.wild-area-scene-loader .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#performance-stats {
  pointer-events: none;
}
.energy-meter {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 50%;
  width: 49vw;
  height: 2vw;
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.energy-meter.green {
  background: rgba(29, 83, 11, 0.3);
}
.energy-meter.green .energy-meter-bar {
  background: #1d530b;
}
.energy-meter.orange {
  background: rgba(217, 103, 61, 0.3);
}
.energy-meter.orange .energy-meter-bar {
  background: #d9673d;
}
.energy-meter.red {
  background: rgba(149, 31, 43, 0.3);
}
.energy-meter.red .energy-meter-bar {
  background: #951f2b;
}
.energy-meter .energy-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.energy-meter .energy-meter-bar {
  position: absolute;
  left: 0;
  height: 100%;
  transition: ease all 0.2s;
}
.floor-screen,
.wild-area-complete {
  position: absolute;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: ease all 0.2s;
}
.floor-screen .scene-position,
.wild-area-complete .scene-position {
  background: black;
}
.floor-screen .scene-static > *,
.wild-area-complete .scene-static > * {
  pointer-events: none;
}
.floor-screen.show,
.wild-area-complete.show {
  opacity: 1;
  pointer-events: all;
}
.floor-screen.show > .scene-static > *,
.wild-area-complete.show > .scene-static > * {
  pointer-events: all;
}
.wild-area-complete h1 {
  font-size: 4vw;
}
.scene-wild-area-info {
  position: absolute;
  z-index: 10;
  right: 1vw;
  bottom: 22vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 1vw;
  gap: 0.5vw;
}
.currency {
  position: absolute;
  padding: 0.5vw 1vw;
  padding-right: 2vw;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 1px solid rgba(0, 0, 0, 0.8);
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0));
          mask-image: linear-gradient(to right, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0));
  border-top-left-radius: 1vw;
  border-bottom-left-radius: 1vw;
  z-index: 1;
}
.coin {
  width: 2vw;
  display: block;
}
.shard {
  width: 2vw;
  display: block;
}
.shop-dialog {
  position: fixed;
  z-index: 100;
  top: 50%;
  right: 0vw;
  bottom: 0vw;
  left: 0vw;
  display: flex;
  overflow: hidden;
  min-height: 0;
  flex-direction: column;
  border-radius: 0.2em;
  background: #0d0d0d;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transform: translateY(-50%);
  transition: ease all 0.2s;
}
.shop-dialog .button-close {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}
.shop-dialog .shop-dialog-content {
  position: relative;
  min-height: 0;
  flex: 1 0 0;
}
.shop-dialog .currency {
  position: absolute;
  top: 0.3vw;
  border: 0;
  outline: 0;
}
.shop-dialog .banner-wrapper {
  position: relative;
  overflow: hidden;
  height: 10vw;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  transition: ease all 0.2s;
}
.shop-dialog .banner-wrapper.collapsed {
  height: 3vw;
}
.shop-dialog .banner-wrapper .shop-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop-dialog .banner-wrapper .banner-title {
  padding-right: 1vw;
  background: rgba(13, 13, 13, 0.9);
  line-height: 1;
}
.shop-dialog .banner-wrapper .banner-title h3 {
  font-size: 1.2em;
}
.shop-dialog .banner-wrapper .banner-title h6 {
  font-size: 0.7em;
}
.shop-dialog .banner-wrapper .banner-title h1,
.shop-dialog .banner-wrapper .banner-title h2,
.shop-dialog .banner-wrapper .banner-title h3,
.shop-dialog .banner-wrapper .banner-title h4,
.shop-dialog .banner-wrapper .banner-title h5,
.shop-dialog .banner-wrapper .banner-title h6 {
  margin: 0;
}
.shop-dialog .npc-expression {
  position: absolute;
  z-index: 2;
  bottom: 1vw;
  left: 1vw;
  width: 18vw;
}
.shop-dialog .text-dialog-inner .menu a {
  min-height: 0;
}
.shop-dialog .text-dialog-inner .menu .text {
  line-height: 1.5;
}
.shop-dialog .text-dialog {
  width: 66.66%;
  transform: translateX(-50%);
}
.shop-dialog .tabs {
  position: relative;
  display: flex;
  min-height: 0;
  max-height: 100%;
  flex-direction: column;
}
.shop-dialog .tabs .tabs-content {
  min-height: 0;
  flex: 1 0 0;
  overflow-y: auto;
}
.shop-dialog .tabs .tabs-nav {
  display: flex;
  margin: 0;
}
.shop-dialog .tabs .tabs-nav ul {
  border-radius: 0.2em;
  background: rgba(13, 13, 13, 0.9);
}
.text-dialog-layer {
  position: absolute;
  left: 50%;
}
.shop {
  height: 100%;
}
.shop .inventory {
  height: 100%;
}
.shop .inventory .panel-content {
  height: 100%;
}
.skill-trees-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #0d0d0d;
  z-index: 99;
  top: 0;
  left: 0;
  animation: fadeIn 0.5s ease;
}
.skill-trees-wrapper .element-buttons,
.skill-trees-wrapper .class-buttons {
  position: absolute;
  top: 2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
}
.skill-trees-wrapper .element-buttons button img,
.skill-trees-wrapper .class-buttons button img {
  transition: ease all 0.2s;
}
.skill-trees-wrapper .element-buttons .element-button:not(.activeSkillButton) .skill-tree-bg-icon,
.skill-trees-wrapper .class-buttons .element-button:not(.activeSkillButton) .skill-tree-bg-icon {
  background-color: transparent !important;
}
.skill-trees-wrapper .element-buttons .activeSkillButton .skill-tree-bg-icon,
.skill-trees-wrapper .class-buttons .activeSkillButton .skill-tree-bg-icon {
  opacity: 0.5;
}
.skill-trees-wrapper .element-buttons .activeSkillButton button,
.skill-trees-wrapper .class-buttons .activeSkillButton button {
  overflow: visible;
}
.skill-trees-wrapper .element-buttons .activeSkillButton button img,
.skill-trees-wrapper .class-buttons .activeSkillButton button img {
  transform: translate(-50%, -50%) scale(1.7);
}
.skill-trees-wrapper .element-icon .custom-icon {
  max-width: none;
}
.skill-trees-wrapper .skill-tree-bg-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.4vw;
  height: 4.4vw;
  opacity: 0.1;
  transition: ease all 0.2s;
}
.skill-trees-wrapper .current-skill {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
  box-shadow: 0 0 2vw 2vw rgba(0, 0, 0, 0.5);
  z-index: 98;
  transition: ease all 0.5s;
  right: -25%;
  padding: 2vw;
  padding-left: 0;
  padding-top: 6.6vw;
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.skill-trees-wrapper .current-skill.show {
  right: 0;
  opacity: 1;
}
.skill-trees-wrapper .battle-display-scale.enabled {
  transition: all 2s ease !important;
}
.skill-trees-wrapper .skill-trees {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree {
  cursor: pointer;
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree:hover {
  box-shadow: 0 0 0.5vw 0.2vw #44b5b9, inset 0 0 0.5vw 0.5vw rgba(68, 181, 185, 0.2);
}
.skill-trees-wrapper .skill-trees:not(.skill-tree-active) .skill-tree .skill {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree:not(.active) {
  opacity: 0;
  pointer-events: none !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-star-sign {
  opacity: 0.4 !important;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-icon {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill-tree-name {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill {
  cursor: pointer;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill:hover > .skill-inner > .star-image {
  opacity: 0;
}
.skill-trees-wrapper .skill-trees.skill-tree-active .skill:hover > .skill-inner > .star-image-hover {
  opacity: 1;
}
.skill-trees-wrapper .skill-trees .skill-tree {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6vw;
  width: 25vw;
  height: 20vw;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
  border-radius: 1vw;
  position: relative;
  pointer-events: all;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill .skill-inner .skill-tree-line {
  width: 10.5vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:first-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%) rotate(-29deg);
  transform-origin: top right;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:last-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%) rotate(29deg);
  transform-origin: top right;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-columns .skill-column:first-child .skill:first-child:last-child .skill-inner > .skill-tree-line {
  transform: translateY(-50%);
  width: 9vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill {
  height: 10vw;
  width: 3vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.5vw;
  opacity: 1;
  transition: ease all 0.2s;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill.disabledSkill .skill-name {
  opacity: 0.6;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .element-icon {
  width: 0.8vw;
  height: 0.8vw;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill:not(.active) .skill-tree-skill-child-name {
  opacity: 0 !important;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill.active .skill-name {
  background: rgba(25, 10, 46, 0.6);
  transform: translateX(-50%) scale(1.1);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-inner {
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-name {
  position: absolute;
  bottom: 1.5vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
  margin: 0;
  text-shadow: 0 0 0.1vw black;
  transition: ease all 0.2s;
  border-radius: 999vw;
  padding: 0.25vw 0.5vw;
  max-width: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .star-image {
  opacity: 1;
  transition: ease all 0.2s;
  display: block;
  z-index: 2;
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .star-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: ease all 0.2s;
  display: block;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  white-space: nowrap;
  text-align: center;
  gap: 4vw;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children > * {
  pointer-events: all;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child {
  width: 3vw;
  height: 3vw;
  display: flex;
  flex-direction: column;
  position: relative;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.disabledSkill .skill-tree-skill-child-name {
  opacity: 0.6;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .skill-tree-skill-child-name {
  background: rgba(25, 10, 46, 0.6);
  transform: translateX(-50%) scale(1.1);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child:hover .star-image, .skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .star-image {
  opacity: 0;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child:hover .star-image-hover, .skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child.active .star-image-hover {
  opacity: 1;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .skill-tree-skill-child-name {
  position: absolute;
  bottom: 1.5vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  transition: ease all 0.2s;
  border-radius: 999vw;
  padding: 0.25vw 0.5vw;
  margin: 0;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .star-image,
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children .skill-tree-skill-child .star-image-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  pointer-events: none;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-1 .skill-tree-skill-child:nth-child(1) .skill-tree-line {
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: top right;
  width: 3vw;
  right: calc(50% + 0.5px);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-1 .skill-tree-skill-child:nth-child(2) .skill-tree-line {
  transform: translateY(-50%) rotate(90deg);
  transform-origin: top right;
  width: 3vw;
  right: calc(50% - 0.5px);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child:nth-child(1) .skill-tree-line {
  transform: translateY(-50%) rotate(-135deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child:nth-child(2) .skill-tree-line {
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child.bottomRow:nth-child(3) .skill-tree-line {
  transform: translateY(-50%) rotate(135deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-children.cols-2 .skill-tree-skill-child.bottomRow:nth-child(4) .skill-tree-line {
  transform: translateY(-50%) rotate(45deg);
  transform-origin: top right;
  width: 5vw;
  right: 50%;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-line {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
  width: 9vw;
  background: rgba(255, 255, 255, 0.3);
  height: 1px;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill .skill-tree-line .skill-tree-line-progress {
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0.1vw 0.1vw rgba(255, 255, 255, 0.5);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-star-sign {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20vw;
  transition: ease all 0.2s;
  opacity: 1;
  filter: drop-shadow(0 0 0.1vw white);
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-name {
  position: absolute;
  top: -7vw;
  left: 50%;
  transform: translateX(-50%);
  transition: ease all 0.2s;
  opacity: 1;
  text-shadow: 0 0 0.1vw black;
}
.skill-trees-wrapper .skill-trees .skill-tree .skill-tree-points {
  position: absolute;
  top: -3vw;
  left: 50%;
  transform: translateX(-50%);
  transition: ease all 0.2s;
  opacity: 0.6;
  text-shadow: 0 0 0.1vw black;
}
.skill-trees-wrapper .skill-points {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 1vw 2vw;
  background: rgba(0, 0, 0, 0.3);
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}
@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-1%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes rustling {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(-2deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
.tile-editor-tile-wrapper .map-tile-wrapper {
  overflow: visible;
}
.map-tile-wrapper {
  position: relative;
  overflow: hidden;
}
.map-tile-wrapper:hover {
  overflow: visible;
}
.map-tile-wrapper .tile-object {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.map-tile {
  position: relative;
  background-size: 100%;
  transition: ease all 0.2s;
  display: block;
  max-width: none;
}
.map-tile.selected {
  box-shadow: inset 0 0 2vw #44b5b9;
}
.map-tile.selected:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10vw 4vw #44b5b9;
}
.map-tile.hoverable:hover {
  cursor: pointer;
  box-shadow: inset 0 0 1vw #44b5b9;
}
.tile-object .tile-object-fadeIn {
  animation: fadeIn 0.5s ease-in;
}
.tile-object .tile-object-image-wrapper {
  transition: ease-in all 0.5s;
}
.tile-object img {
  bottom: 0;
  width: 100%;
  max-width: none;
  transform-origin: bottom center;
}
.tile-object img.sway {
  animation: sway 10s ease infinite;
}
.tile-object img.rustling {
  animation: rustling 0.2s linear;
}
.tile-object.preview img {
  opacity: 0.5;
}
.tile-map .tile-object {
  pointer-events: none;
}
.tile-object-image-wrapper {
  position: absolute;
  width: 100%;
  pointer-events: none;
  transition: ease all 0.2s;
  transform-style: preserve-3d;
  transform-origin: bottom center;
}
.tile-object-image-wrapper img {
  transition: ease all 0.2s;
}
.tile-floor.walkable.hoverable:hover {
  box-shadow: inset 0 0 1vw 0.25vw #44b5b9;
}
.tile-player-container {
  position: absolute;
  pointer-events: none;
  width: 10vw;
  height: 10vw;
  transform-style: preserve-3d;
}
.tile-player-container .player-container {
  position: absolute;
  bottom: 49%;
  left: 50%;
  transform: translateX(-50%);
}
.tile-player-container .player-image {
  display: block;
  transform: rotateX(-30deg);
  transform-origin: bottom center;
  position: absolute;
}
.tile-player-container.facing-left .tile-player-inner {
  transform: scaleX(-1);
}
.tile-player-container.facing-left .beast-shadow {
  transform: scaleX(-1) scaleY(0.5);
}
.tile-player-container .tile-player-inner {
  transition: ease all 0.2s;
}
.tile-player-container .animationFloat {
  animation: float 4s ease infinite;
}
.tile-player-container .jumping {
  position: relative;
}
.tile-player-container .jumping img {
  padding-bottom: 0;
  transition: ease-out all 0.2s !important;
}
.tile-player-container.isJumping .jumping img {
  padding-bottom: 10vw;
}
.tile-player-container.isJumping .beast-shadow {
  transform: scale(1.05) translateY(0.3vw);
}
.tile-player-container.isJumping.facing-left .beast-shadow {
  transform: scaleX(-1) scale(1.02) translateY(0.3vw);
}
.tile-player-container .beast-shadow {
  position: absolute;
  filter: blur(0.5vw);
  opacity: 0.6;
  z-index: 0;
  transform-origin: bottom center;
  transform: scaleY(0.5);
  top: 0;
  transition: ease all 0.2s;
}
.tile-player-container .actionAvailable {
  position: absolute;
  bottom: 10vw;
  left: 50%;
  transform: translateX(-50%) translateZ(3vw) rotateX(-30deg);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 999vw;
  padding: 1vw 2vw;
  white-space: nowrap;
  font-size: 1vw;
}
.tile-player-container .rod {
  position: absolute;
  transition: all linear 100ms;
  transform-origin: bottom right;
}
.tile-player-container .rod img {
  transform: scaleX(-1) rotate(45deg) translateY(-25%);
}
.tile-player-container .rod.up {
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 0.2vw;
  height: 4vw;
}
.tile-player-container .rod.down {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 0.2vw;
  height: 4vw;
}
.tile-player-container .rod.left {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0.2vw;
  width: 4vw;
}
.tile-player-container .rod.right {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0.2vw;
  width: 4vw;
}
.tile-player-container .casting-progress-container {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateZ(3vw) rotateX(-30deg);
  z-index: 99999;
  width: 10vw;
  height: 2vw;
  background: grey;
  border-radius: 999vw;
  overflow: hidden;
}
.tile-player-container .casting-progress-container .casting-progress {
  background: green;
  height: 100%;
  transition: width linear 100ms;
}
@keyframes time-of-day {
  0% {
    filter: brightness(0.2);
  }
  50% {
    filter: brightness(1);
  }
  100% {
    filter: brightness(0.2);
  }
}
.map-editor_tool-settings {
  flex: 0;
  background: rgba(30, 24, 20, 0.95);
  width: 100%;
}
.tile-map {
  flex: 1 0 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: ease filter 86400s;
  animation: time-of-day 86400s infinite;
}
.tile-map * {
  transform-style: preserve-3d;
}
.tile-map:not(.editor):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  filter: blur(5px);
  background-image: url("https://images.mythaura.com/backgrounds/fledglings-forest/day.jpg");
  background-size: cover;
  background-position: bottom center;
}
.tile-map .tiles-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  overflow: hidden;
  box-shadow: 0 0.5vw 5vw #000000;
  animation: fadeIn 0.5s ease-in;
}
.tile-map .tiles-wrapper.editor {
  height: 100%;
  width: 100%;
}
.tile-map-perspective {
  margin: auto;
  perspective: 60vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tile-map-perspective * {
  transform: translate3d(0, 0, 0);
}
.tile-map-rotate-perspective {
  transform: rotateX(30deg);
}
.tile-map-aspect-ratio {
  padding-bottom: 41.6666666667%;
  pointer-events: none;
}
.tile-map-offset {
  position: relative;
}
.tile-map-zoom {
  transition: ease 0.2s transform;
}
.tile-map-controls {
  z-index: 8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.tile-map-controls > * {
  pointer-events: all;
}
.tile-map-controls .top-left-corner {
  position: absolute;
  top: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-controls .bottom-left-corner {
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-controls .bottom-right-corner {
  position: absolute;
  bottom: 1vw;
  right: 1vw;
  z-index: 5;
  display: flex;
  -moz-column-gap: 0.5vw;
       column-gap: 0.5vw;
}
.tile-map-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tile-map-editor_menu {
  position: relative;
  z-index: 2;
  padding: 0 1em;
  background: rgba(0, 0, 0, 0.5);
}
.tile-map-editor_main {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
}
.tile-map-perspective.editor .tile-map-offset:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 400%;
  height: 400%;
  background-image: linear-gradient(0deg, transparent 9%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, 0.025) 30%, rgba(255, 255, 255, 0.025) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, 0.025) 70%, rgba(255, 255, 255, 0.025) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, 0.025) 90%, rgba(255, 255, 255, 0.025) 91%, transparent 92%, transparent), linear-gradient(90deg, transparent 9%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.05) 12%, transparent 13%, transparent 29%, rgba(255, 255, 255, 0.025) 30%, rgba(255, 255, 255, 0.025) 31%, transparent 32%, transparent 49%, rgba(255, 255, 255, 0.025) 50%, rgba(255, 255, 255, 0.025) 51%, transparent 52%, transparent 69%, rgba(255, 255, 255, 0.025) 70%, rgba(255, 255, 255, 0.025) 71%, transparent 72%, transparent 89%, rgba(255, 255, 255, 0.025) 90%, rgba(255, 255, 255, 0.025) 91%, transparent 92%, transparent);
  background-position: 4vw 6vw;
  background-repeat: repeat;
  background-size: 10vw 10vw;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.tile-map-editor_content {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 100%;
  height: 100%;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  background-size: 10vw 10vw;
  transform: translate3d(0, 0, 0);
  transition: ease all 0.2s;
}
.tile-map-editor_content .scene-position {
  min-height: initial !important;
}
.tile-map-editor_panels {
  position: relative;
  z-index: 1;
  min-width: 380px;
  max-width: 800px;
  height: 100%;
  max-height: calc(100dvh - 40px);
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
  .tile-map-editor_panels {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
.tile-map-editor_panels.collapsed {
  width: 0 !important;
  min-width: 0 !important;
}
.tile-map-editor_panels .handle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 100%;
  bottom: 0;
  padding: 0.2rem;
  border-left: 1px solid rgba(229, 179, 92, 0.3);
  background: #132d40;
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.tile-map-editor_panels .handle:hover {
  background: #193b54;
}
.tile-map-editor_panels .handle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tile-map-editor_panels .tile-map-editor_panels-scroll {
  height: 100%;
  overflow-y: scroll;
}
.tile-map-editor_info {
  position: absolute;
  z-index: 6;
  right: 0.5rem;
  bottom: 0;
  padding: 0.5rem;
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-right: 0;
  border-bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-top-left-radius: 0.2em;
}
.tile-map-editor_tiles .map-tile {
  width: 100%;
  box-shadow: none;
}
.tile-map-editor_tiles .map-tile:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.tile-map-editor_tiles .map-tile:after {
  display: none;
}
.tile-map-editor-object-image {
  display: block;
  cursor: pointer;
  transition: ease all 0.2s;
}
.tile-map-editor-object-image.active {
  box-shadow: 0 0 0 2px #44b5b9;
}
.tile-map-editor_active-asset {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  max-width: 200px;
  padding: 1em;
  border: 1px solid rgba(229, 179, 92, 0.3);
  background: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 0.2em;
}
.tile-map-editor_active-asset img {
  display: block;
  max-height: 200px;
}
.tile-map-editor_clear-active-asset.button {
  position: absolute;
  top: 1em;
  left: 1em;
}
.tile-map-editor_objects .tile-editor-object-grid-item {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  padding: 0.5em;
  transform: translate(-50%, -50%);
}
.tile-map-editor_objects .tile {
  position: relative;
}
.tile-map-editor_objects .tile:after {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.tile-map-toolbar {
  display: flex;
  width: 42px;
  height: 100%;
  flex-direction: column;
}
.tile-map-toolbar .panel {
  height: 100%;
}
.tile-map-editor_toggle {
  position: absolute;
  top: 0;
  right: calc(100% + 7px);
}
.tile-map-editor_toggle .button {
  padding: 0.29rem 0.5rem !important;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
body.tile-map-editor-open #performance-stats > div {
  top: 84px !important;
  left: 64px !important;
}
body.tile-map-editor-open.tile-map-editor-play-testing #performance-stats > div {
  left: 0 !important;
}
.tile-editor .tile-floor {
  height: 100%;
  padding-bottom: 100%;
}
#editor {
  position: relative;
  z-index: 1;
}
.tile-editor-tile-wrapper {
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-radius: 0.2em;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.tile-editor-tile-wrapper * {
  transform-style: preserve-3d;
}
.tile-editor-tile-wrapper .tile-object {
  transform-style: preserve-3d;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.tile-editor-zoom {
  transform-origin: bottom center;
}
.tile-editor-perspective {
  perspective: 60vw;
}
.tile-editor-rotate {
  transform: rotateX(30deg);
  position: relative;
}
.tile-editor_tile-image-wrapper {
  width: 80px;
  position: relative;
}
.tile-editor_tile-image-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.tile-editor_tile-image-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-height: 100%;
}
.tile-editor-debug {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(229, 179, 92, 0.3);
  border-top-left-radius: 0.2em;
  border-right: 0;
  border-bottom: 0;
  padding: 0.5em;
  font-size: 0.9rem;
}
.timeline-editor {
  position: relative;
  height: 307px;
  background: #131313;
}
.timeline {
  position: relative;
  z-index: 1;
  display: flex;
  height: 32px;
  flex: 1 0 0;
  align-items: center;
  padding: 0 16px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1a1a1a;
  gap: 8px;
}
.timeline-item-tooltip {
  position: absolute;
  z-index: 10;
  right: 8px;
  bottom: calc(100% + 2px);
  padding: 8px;
  border-radius: 0.2em;
  background: black;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  color: white;
}
.timeline-items {
  position: relative;
  height: 28px;
  flex: 1 0 0;
}
.timeline-ruler {
  position: relative;
  z-index: 2;
  height: 16px;
  margin-right: 16px;
  margin-left: 268px;
}
.timeline-ruler .timeline-ruler-tick {
  position: absolute;
  width: 1px;
  background: #333333;
}
.timeline-ruler .timeline-ruler-tick .timeline-ruler-tick-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 10px;
  transform: translate(-50%, -50%);
}
.timeline-playhead {
  position: absolute;
  top: 0;
  width: 12px;
  height: calc(100% - 6px);
  background: rgba(255, 255, 255, 0.3);
  cursor: ew-resize;
  transform: translateX(calc(-50% + 1px));
  transition: background-color 0.2s ease-in-out;
}
.timeline-playhead:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 12px;
  height: 6px;
  border-top: 7px solid rgba(255, 255, 255, 0.3);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.timeline-playhead:after {
  position: absolute;
  z-index: 200;
  top: calc(100% + 7px);
  left: 50%;
  width: 4px;
  height: 100dvh;
  background: rgba(255, 255, 255, 0.3);
  content: "";
  transform: translateX(-50%);
  transition: ease all 0.2s;
}
.timeline-playhead:hover {
  background: rgba(255, 255, 255, 0.5);
}
.timeline-playhead:hover:before {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.timeline-playhead:hover:after {
  background: rgba(255, 255, 255, 0.5);
}
.timeline-item {
  position: absolute;
  display: flex;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 2px solid #692ac0;
  border-radius: 6px;
  background: #915cdb;
  color: #d7c4f2;
  cursor: pointer;
  font-size: 12px;
  opacity: 0.8;
  transition: background-color 0.2s ease;
}
.timeline-item:hover, .timeline-item.active {
  background: #bb9be9;
  color: white;
}
.timeline-item.active {
  border-color: #d7c4f2;
}
.timeline-item .handle-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.timeline-item .handle-left:hover {
  background: #d7c4f2;
}
.timeline-item .handle-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: ew-resize;
  transition: ease all 0.2s;
}
.timeline-item .handle-right:hover {
  background: #d7c4f2;
}
.slide-in-left {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100dvh;
  align-items: center;
  justify-content: center;
}
.main-menu > * {
  flex: 1 0 0;
}
.main-menu .logo {
  z-index: 1;
}
.main-menu .scene-viewport:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 30vw;
  height: 100%;
  background: linear-gradient(to right, rgba(12, 9, 8, 0.8), transparent);
  content: "";
}
.main-menu .hero {
  width: 100%;
  flex: 1 0 0;
  transform: scaleX(-1);
}
.main-menu .hero:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 10vw 4vw rgba(0, 0, 0, 0.5);
  content: "";
  pointer-events: none;
}
.main-menu .main-menu-body {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 4vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  transform: translateY(-50%);
}
.main-menu .main-menu-body .menu a {
  height: auto !important;
  min-height: 0 !important;
  padding: 0.2vw 1.2vw !important;
  font-family: "Noto Serif", sans-serif;
  font-size: 1.6vw !important;
  gap: 0.8vw;
  line-height: 3vw !important;
  text-align: center;
  text-transform: uppercase;
  transition: none;
}
.main-menu .main-menu-body .menu a span {
  line-height: 3vw !important;
}
.main-menu .main-menu-body .menu a .spinner-inner {
  width: 1.48em;
  height: 1.48em;
  border-width: 0.2em !important;
  margin: 0.2em;
}
.main-menu .main-menu-body .menu a.active, .main-menu .main-menu-body .menu a:hover, .main-menu .main-menu-body .menu a:focus, .main-menu .main-menu-body .menu a:focus-visible {
  background: linear-gradient(to right, transparent, rgba(68, 181, 185, 0.5), transparent);
  text-shadow: 0 1px 4px #44b5b9;
}
.cutscene {
  height: 100%;
}
.title-screen {
  animation: fadeIn 1s ease-in-out forwards;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 99;
}
.title-screen .scene-static {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20vw;
  font-size: 1.5em;
}
.title-screen .scene-static .Typewriter {
  width: 100%;
}
.title-screen .scene-static .Typewriter__cursor {
  display: none;
}
.title-screen.fade {
  animation: fadeOut 1s ease-in-out forwards;
}
.min-height-100vh {
  min-height: 100vh;
}
.bg-fixed {
  background-repeat: no-repeat;
  background-size: 100%;
}
.dropdown-menu {
  position: relative;
}
.dropdown-menu.anchor-right .menu {
  right: 0;
  left: auto;
}
.dropdown-menu .menu {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  overflow: hidden;
  border-radius: 0.2em;
  background: #262626;
}
.dropdown-menu .menu a {
  padding-right: 1.5em;
}
.breadcrumbs {
  padding: 0.5em;
  border-radius: 0.2em;
  margin-bottom: 1em;
  background: rgba(0, 0, 0, 0.5);
}
.label svg {
  opacity: 0.5;
}
.active .step-number {
  background: #44b5b9 !important;
}
.step-number {
  width: 2em !important;
  height: 2em !important;
  background: rgba(68, 181, 185, 0.3) !important;
  text-shadow: 0 0 0.2em black;
}
.panel-content {
  box-shadow: inset 0 0 2vw 0.5vw rgba(0, 0, 0, 0.5);
}
/*# sourceMappingURL=App.css.map */.tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}


body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}