/* input(22,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(22,20): run-time error CSS1046: Expect comma, found '--color-rgb'
input(22,31): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(22,32): run-time error CSS1046: Expect comma, found ')'
input(25,26): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(25,30): run-time error CSS1046: Expect comma, found '--color-secondary-rgb'
input(25,51): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(25,52): run-time error CSS1046: Expect comma, found ')'
input(27,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(27,31): run-time error CSS1046: Expect comma, found '--input-background-rgb'
input(27,53): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(27,54): run-time error CSS1046: Expect comma, found ')'
input(30,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(30,20): run-time error CSS1046: Expect comma, found '--error-rgb'
input(30,31): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(30,32): run-time error CSS1046: Expect comma, found ')'
input(11735,33): run-time error CSS1030: Expected identifier, found '.'
input(11735,47): run-time error CSS1025: Expected comma or open brace, found ')' */
.fenrus-table-row > .name > i {
  margin-right: 0.25rem;
  color: var(--accent);
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-VariableFont_wght.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM") format("truetype-variations");
}
html {
  position: relative;
  min-height: 100%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --site-font-size:13px;
  font-size: var(--site-font-size);
  font-weight: 400;
}

body {
  /* variables */
  --color-rgb: 240, 240, 240;
  --color: rgb(var(--color-rgb));
  --color-darkest: rgb(160, 160, 160);
  --color-secondary-rgb: 170, 170, 170;
  --color-secondary: rgb(var(--color-secondary-rgb));
  --input-background-rgb: 49, 49, 49;
  --input-background: rgb(var(--input-background-rgb));
  --input-color: white;
  --error-rgb: 255, 100, 100;
  --error: rgb(var(--error-rgb));
  --base: rgb(17, 18, 20);
  --base-rgb: 7, 18, 20;
  --base-darker: rgb(6, 17, 19);
  --base-darker-rgb: 6, 17, 19;
  --border-color: rgba(var(--color-rgb), 0.3);
  --input-border: var(---border-color);
  --button-color: var(--color);
  --button-background: transparent;
  --success: #28a745;
  --success-rgb: 0, 167, 69;
  --info: #17a2b8;
  --info-rgb: 23, 162, 184;
  --warning: #ffc107;
  --warning-rgb: 255, 193, 7;
  --danger: #dc3545;
  --danger-rgb: 220, 53, 69;
}

body {
  margin: 0;
  padding: 0;
  color: var(--color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
}

#components-reconnect-modal {
  background: rgba(0, 0, 0, 0.65) !important;
  color: var(--color) !important;
}
#components-reconnect-modal > div {
  top: calc(50% - 50px) !important;
  position: absolute !important;
}

a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.main-content {
  flex-grow: 1;
  justify-content: center;
  display: flex;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
  position: relative;
}

.dashboard {
  position: absolute;
  height: 100%;
  overflow: auto;
}

.no-dashboard {
  text-transform: lowercase;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  border: solid 1px rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 2rem;
  border-radius: 2rem;
}

option {
  /* need so our styles dont make these impossible to read */
  color: white;
  background: #222;
}

.db-link {
  text-decoration: unset;
}

.db-item .carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.db-item .fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.db-item.db-dashboard {
  cursor: pointer;
}

.hide-group-titles .db-group > .title {
  display: none;
}

.search {
  text-align: center;
  margin: 1rem;
  z-index: 2;
  height: 3rem;
}
.search .search-inner {
  z-index: 2;
  border: solid 1px rgba(255, 255, 255, 0.15);
  height: 3rem;
  display: flex;
  flex-direction: row;
  border-radius: 0.5rem;
  overflow: hidden;
  width: min(90vw, 50rem);
  margin: auto;
}
@media screen and (max-width: 600px) {
  .search .search-inner {
    width: 100%;
  }
}
.search .search-inner > * {
  background: rgba(0, 0, 0, 0.8);
}
.search .search-inner:focus-within {
  opacity: 1;
}
.search .search-inner input {
  flex-grow: 1;
  outline: none;
  border: none;
  font-size: 1.5rem;
  border-left: solid 1px black;
  border-right: solid 1px black;
  padding: 0 0.5rem;
  color: var(--color);
  max-width: calc(100% - 9.5rem);
}
.search .search-inner button {
  border: none;
  border-left: solid 1px rgba(255, 255, 255, 0.15);
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 0 1rem;
  background: rgba(0, 0, 0, 0.8);
  color: var(--color);
  flex-grow: 1;
  max-width: 9rem;
}
.search .search-inner button:hover {
  background: var(--accent);
  color: var(--color);
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .search .search-inner button {
    font-size: 0.8rem;
  }
}

.app-chart {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

#launching-app {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1000000;
}
#launching-app .inner {
  background: rgba(0, 0, 0, 0.5);
  padding: 3rem;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  display: flex;
  place-items: center;
  text-align: center;
  left: 50%;
}
#launching-app img {
  height: 5rem;
  margin-right: 2rem;
}

body.not-home {
  background: #181a1c;
}

.bar-info-label-value {
  display: flex;
  flex-direction: row;
  padding-left: 2.7rem;
  font-size: 0.8rem;
  margin: 1rem 0;
}
.bar-info-label-value .label {
  width: 7rem;
  min-width: 7rem;
  color: var(--accent);
}

/* Dropdown Button */
.dashboard-dropdown {
  position: relative;
  display: inline-block;
}
.dashboard-dropdown > button {
  border: none;
  background: transparent;
  color: var(--color);
  text-transform: uppercase;
  font-size: 1.5rem;
}
.dashboard-dropdown > div {
  display: none;
  position: absolute;
  background-color: var(--base);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 1rem;
}
.dashboard-dropdown a {
  color: var(--color);
  padding: 0.5rem;
  text-decoration: none;
  display: block;
}
.dashboard-dropdown a:hover {
  background-color: var(--accent);
}
.dashboard-dropdown:hover > div {
  display: block;
}

.iframe-content, #terminal {
  position: fixed;
  top: 4rem;
  left: 1rem;
  bottom: 1rem;
  right: 1rem;
  animation: iframe-animate 0.3s linear;
  z-index: 10;
}
.iframe-content.closing, #terminal.closing {
  animation: iframe-animate-close 0.6s linear;
}

.iframe-content {
  display: flex;
  flex-direction: row-reverse;
}
.iframe-content .side {
  width: 5rem;
  background: rgba(0, 0, 0, 0.5);
  margin-left: 0.75rem;
}
.iframe-content .side .db-item {
  width: 4rem !important;
  height: 4rem !important;
}
.iframe-content .side .db-item img {
  width: 100%;
  height: 100%;
}
.iframe-content .side .db-item i {
  font-size: 4rem;
  text-align: center;
  color: var(--error);
  width: 100%;
}
.iframe-content .side .db-item .title {
  font-size: 0.9rem;
}
.iframe-content iframe {
  background: rgba(0, 0, 0, 0.5);
  flex-grow: 1;
}

@keyframes iframe-animate {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes iframe-animate-close {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0);
    opacity: 0;
    display: none;
  }
  100% {
    transform: scale(0);
    opacity: 0;
    display: none;
  }
}
.side-editor-background {
  position: fixed;
  z-index: 4;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(var(--base-rgb), 0.8);
}

.side-editor {
  position: fixed !important;
  display: flex;
  flex-direction: column;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(700px, 70vw);
  background: var(--base-darker);
  z-index: 5;
  padding: 2px 0.5rem;
}
.side-editor .content {
  overflow: auto;
  flex-grow: 1;
}
.side-editor h2 {
  margin: 0;
}
.side-editor .header {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
}
.side-editor .header + * {
  border-top: solid 1px var(--border-color);
}
.side-editor .header .title {
  font-size: 1.5rem;
  flex-grow: 1;
  margin: auto;
}
.side-editor .header .buttons {
  display: flex;
  flex-direction: row;
  text-align: right;
}
.side-editor .header .buttons * + * {
  margin-left: 0.25rem;
}
.side-editor .header .buttons .keep-open {
  display: inline-block;
  margin-right: 1rem;
  place-self: center;
}

#up-time-wrapper {
  display: none;
  z-index: 100;
}
#up-time-wrapper .no-data {
  padding: 1rem;
}

#terminal {
  background: rgba(0, 0, 0, 0.8);
}
#terminal .xterm {
  width: 100%;
  height: 100%;
}

.db-group > .title .group-controls {
  display: inline-block;
  visibility: hidden;
}
.db-group > .title .group-controls span {
  cursor: pointer;
  color: rgba(var(--color-rgb), 0.5);
}
.db-group > .title .group-controls span:hover {
  color: var(--color);
}
.db-group > .title:hover .group-controls {
  visibility: unset;
}

.db-group:first-of-type .group-controls .move-up {
  display: none;
}

.db-group:last-of-type .group-controls .move-down {
  display: none;
}

body.terminal .main-content {
  display: none;
}

.terminal .terminal-btn {
  width: 4rem;
  height: 2rem;
  position: fixed;
  z-index: 10;
  top: 4rem;
  opacity: 0.3;
}
.terminal .terminal-btn:hover {
  opacity: 1;
  cursor: pointer;
}
.terminal .terminal-btn::after {
  display: inline-block;
  font-size: 1.5rem;
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  width: 4rem;
  top: 4px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.terminal .close {
  background: red;
  right: 3rem;
}
.terminal .close::after {
  content: "\f00d";
}
.terminal .pause {
  right: calc(7rem + 3px);
}
.terminal .pause:not(.paused) {
  background: blue;
}
.terminal .pause:not(.paused)::after {
  content: "\f04c";
}
.terminal .pause.paused {
  background: green;
}
.terminal .pause.paused::after {
  content: "\f04b";
}

table {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}
table thead th {
  font-weight: 600;
  background: rgba(var(--input-background-rgb), 0.3);
  border: none;
  border-bottom: solid 1px var(--input-background);
  text-align: left;
  height: 2.2rem;
  line-height: 2.2rem;
}
table tr > :first-child {
  padding-left: 1rem;
}
table td {
  height: 3rem;
  line-height: 3rem;
}
table .name a {
  color: var(--color);
  text-decoration: none;
}
table .name a:hover {
  text-decoration: underline;
}
table .switch {
  width: 8rem;
  text-align: center;
}
table .switch label {
  position: relative;
  top: -2px;
}
table .controls {
  width: 10rem;
  text-align: right;
}
table .controls [class^=icon-] {
  color: var(--color);
  text-decoration: none;
  padding-top: 3px;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  position: relative;
  top: 0.35rem;
  opacity: 0.5;
}
table .controls [class^=icon-]:hover {
  opacity: 1;
}

#up-time-chart-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 4rem);
}

.up-time-table-wrapper {
  flex-grow: 1;
  overflow: auto;
  padding: 1rem;
  position: relative;
  max-height: 100%;
}

.up-time-table {
  width: unset;
  height: unset;
}
.up-time-table td {
  line-height: unset !important;
  white-space: pre-line;
}
.up-time-table .date {
  width: 7.5rem;
}
.up-time-table th {
  background: #131B1C;
}
.up-time-table thead, .up-time-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.up-time-table tbody {
  display: block;
  overflow-y: auto;
  table-layout: fixed;
  position: absolute;
  top: calc(3rem + 8px);
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  border: solid 1px var(--border-color);
  border-top: none;
}
.up-time-table td.up, .up-time-table th.up {
  width: 4rem;
  text-align: center;
}
.up-time-table td.up span.up, .up-time-table th.up span.up {
  color: var(--success);
}
.up-time-table td.up span.down, .up-time-table th.up span.down {
  color: Var(--error);
}
.up-time-table tbody tr + tr {
  border-top: solid 1px var(--border-color);
}

a[class*=fa-] {
  color: var(--color);
  text-decoration: none !important;
}

.blazored-toast-container {
  z-index: 10000 !important;
}
.blazored-toast-container .blazored-toast-message {
  white-space: pre-wrap;
}

.blazored-toast-header h5 {
  margin: 0;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--input-background) inset !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: var(--color) !important;
}
.notfound {
  position: fixed;
  top: -20px;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--background);
  color: var(--color);
}
.notfound p {
  justify-content: center;
  align-items: center;
  height: 100%;
  background: var(--base);
  display: flex;
}
.fenrus-color-picker input {
  background: var(--input-background);
  border: solid 1px var(--input-border);
  color: var(--color);
  padding: 0.43rem;
  width: calc(100% - 3.25rem);
  outline: none;
}

.jscolor-border {
  border: solid 1px var(--input-border) !important;
  background: var(--input-background) !important;
}
.fenrus-select {
  background: var(--input-background);
  width: 100%;
  position: relative;
}
.fenrus-select .fenrus-select-value {
  padding: 0.35rem;
  display: block;
  width: calc(100% - 0.7rem);
  cursor: pointer;
}
.fenrus-select > .fa-caret-down {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.fenrus-select:not(.opened) ul {
  display: none;
}
.fenrus-select ul {
  padding: 0;
  width: 100%;
  position: absolute;
  border: solid 1px var(--input-border);
}
.fenrus-select ul.opened {
  display: unset;
}
.fenrus-select ul li {
  z-index: 2;
  list-style: none;
  width: calc(100% - 0.5rem);
  height: 1.5rem;
  display: block;
  margin: 0;
  padding: 0.5rem 0.25rem;
  user-select: none;
  background: var(--input-background);
}
.fenrus-select ul li:hover {
  background: var(--accent);
  color: var(--color);
  cursor: pointer;
}
.fenrus-switch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  /* The slider */
}
.fenrus-switch input {
  /* hide the default browser input checkbox */
  opacity: 0;
  width: 0;
  height: 0;
}
.fenrus-switch input:checked + .slider {
  background-color: rgba(var(--accent-rgb), 0.7);
}
.fenrus-switch input:focus + .slider {
  box-shadow: 0 0 5px var(--accent);
}
.fenrus-switch input:checked + .slider:before {
  transform: translateX(1.4rem);
  background-color: rgba(var(--color-rgb), 1);
}
.fenrus-switch.disabled {
  opacity: 0.5;
}
.fenrus-switch.disabled .slider {
  cursor: not-allowed !important;
}
.fenrus-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--input-background);
  transition: 0.4s;
  border-radius: 2rem;
}
.fenrus-switch .slider:before {
  position: absolute;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  left: 2px;
  bottom: 2px;
  background-color: rgba(var(--color-rgb), 0.5);
  transition: 0.4s;
  border-radius: 50%;
}
.db-item .status .bar-info {
  display: flex;
  flex-direction: row;
  height: 2rem;
  margin-top: 0.5rem;
}
.db-item .status .bar-icon {
  width: 2rem;
  margin-right: 0.5rem;
}
.db-item .status .bar-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.db-item .status .bar {
  position: relative;
  flex-grow: 1;
  background: rgba(var(--accent-rgb), 0.2);
  border-radius: 8px;
}
.db-item .status .bar .fill {
  position: absolute;
  border-radius: 7px;
  left: 2px;
  top: 2px;
  bottom: 2px;
  background: var(--accent);
  max-width: calc(100% - 4px);
}
.db-item .status .bar .labels > span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.db-item .status .bar .info-label {
  left: 0.5rem;
}
.db-item .status .bar .fill-label {
  right: 0.5rem;
}
.settings-box.background-page #ImagePreview {
  max-width: 100%;
}
.settings-box.background-page .buttons {
  display: flex;
  flex-direction: row;
  justify-items: center;
  margin-top: 1rem;
}
.blocker {
  background: rgba(var(--base-rgb), 0.9);
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
}
.blocker.visible {
  display: flex;
}
.blocker .blocker-indicator {
  margin: auto;
}
.blocker .blocker-spinner {
  margin: auto;
  --border-width: 1.5rem;
  height: 10rem;
  width: 10rem;
  border-radius: 50%;
  /* 0.5px's are needed to avoid hard-stopping */
  --mask: radial-gradient(
                  farthest-side,
                  transparent calc(100% - var(--border-width) - 0.5px),
                  #000 calc(100% - var(--border-width) + 0.5px)
  );
  -webkit-mask: var(--mask);
  mask: var(--mask);
  /* we're using two half linear-gradient which is masked by the radial-gradient */
  background: linear-gradient(to top, rgba(var(--accent-rgb), 1), rgba(var(--accent-rgb), 0.5)) 100% 0/50% 100% no-repeat, linear-gradient(rgba(var(--accent-rgb), 0.5) 50%, transparent 95%) 0 0/50% 100% no-repeat;
  animation: blocker-spin 1s linear infinite;
}
.blocker .blocker-message {
  color: var(--accent);
  border: solid 1px var(--accent);
  margin-top: 2rem;
  padding: 0.5rem 2rem;
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5rem;
}
.blocker .blocker-message.hidden {
  display: none;
}

@keyframes blocker-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn {
  height: 2.1875rem;
  font-weight: normal;
  outline: none !important;
  line-height: initial;
  box-shadow: none;
  border-radius: unset !important;
  font-size: 0.85rem !important;
  text-transform: uppercase;
  border: solid 1px var(--accent, #ff0090);
  background-color: transparent;
  color: var(--color, white);
  width: 11rem;
  cursor: pointer;
}
.btn:hover {
  background-image: linear-gradient(rgba(var(--accent-rgb), 0.3), rgba(var(--accent-rgb), 0.3)) !important;
  box-shadow: inset 0 -3px 0 0 var(--accent) !important;
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

a.btn {
  width: calc(8rem - 2px);
  display: flex;
  place-content: center;
  align-items: center;
  text-decoration: none;
}
.carousel {
  display: flex;
  flex-direction: row;
}
.carousel .item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.carousel .controls {
  position: absolute;
  bottom: 3px;
  padding: 0.5rem;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 8rem);
  text-align: center;
  z-index: 5;
}
.carousel .controls.items-0, .carousel .controls.items-1 {
  display: none;
}
.carousel .controls a {
  display: inline-block;
  background-color: var(--color);
  border-radius: 100%;
  width: 0.5rem;
  height: 0.5rem;
  vertical-align: middle;
  margin: 0 0.25rem;
  opacity: 0.7;
}
.carousel .controls a:hover {
  opacity: 0.9;
}
.carousel .controls a.selected {
  background-color: var(--accent);
}
.carousel .item {
  z-index: 0;
  display: none;
}
.carousel .item.hidden {
  z-index: 2;
  display: unset;
}
.carousel .item.visible {
  display: unset;
  opacity: 1;
  z-index: 3;
}
.carousel .item.visible:not(.initial) {
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.5s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.db-item.small .carousel, .db-item.medium .carousel {
  display: none;
}

.carousel .inner > .icon {
  display: none;
}
.carousel .fill {
  background: #222;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.carousel .app-icon {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}
.carousel .app-icon img {
  width: 3rem;
  height: 3rem;
}
.carousel .cover-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.carousel .tl, .carousel .tr, .carousel .br, .carousel .bl {
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5rem;
  position: absolute;
  color: var(--color);
}
.carousel .tr, .carousel .br {
  text-align: right;
}
.carousel .tr {
  top: 0;
  right: 0;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carousel .tr:not(.wrap) {
  white-space: nowrap;
}
.carousel .br {
  bottom: 0;
  right: 0;
}
.carousel .bl {
  bottom: 0;
  left: 0;
}
.carousel .discount {
  color: #00eb00;
}
.carousel .discount .down-icon {
  transform: rotate(-90deg);
  display: inline-block;
}
/* Context Menu */
.contextMenuCommon {
  --menu-border: rgba(255, 255, 255, 0.08);
  --menu-bg: linear-gradient(45deg,
      rgba(10, 20, 28, 0.2) 0%,
      rgba(10, 20, 28, 0.7) 100%);
  --item-border: rgba(255, 255, 255, 0.1);
  --item-color: #fff;
  --item-bg-hover: rgba(255, 255, 255, 0.1);
  background: var(--menu-bg);
  backdrop-filter: blur(5px);
  z-index: 999999999;
  list-style: none;
  margin: 4px;
  padding: 0;
  box-shadow: 0 0 0 1px var(--menu-border), 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.04), 0 10px 8px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.06), 0 30px 30px rgba(0, 0, 0, 0.07), 0 70px 65px rgba(0, 0, 0, 0.09);
}

.contextMenu {
  display: flex;
  flex-direction: column;
  animation: menuAnimation 0.2s 0s both;
  height: 0;
  position: fixed;
  top: var(--top);
  left: var(--left);
  transform-origin: left;
}
.contextMenu-item {
  padding: 4px;
}
.contextMenu-item .icon {
  width: 1.5rem;
  text-align: center;
}
.contextMenu-item .submenu {
  display: none;
  list-style: none;
}
.contextMenu-item .submenu li {
  padding: 0;
}
.contextMenu-item:hover .submenu {
  display: unset;
  position: absolute;
  left: calc(var(--width) - 1rem);
  top: unset;
  width: var(--width);
  opacity: 1;
  border-radius: 8px;
}
.contextMenu-item[data-divider=top] {
  border-top: 1px solid;
}
.contextMenu-item[data-divider=bottom] {
  border-bottom: 1px solid;
}
.contextMenu-item[data-divider=top-bottom] {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.contextMenu-item[data-divider] {
  border-color: var(--item-border);
}
.contextMenu-button {
  color: var(--item-color);
  background: 0;
  border: 0;
  white-space: nowrap;
  width: 100%;
  border-radius: 4px;
  padding: 6px 24px 6px 7px;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 100%;
  animation: menuItemAnimation 0.2s 0s both;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
.contextMenu-button .caret {
  position: absolute;
  right: 0.5rem;
}
.contextMenu-button:hover {
  background-color: var(--item-bg-hover);
}
.contextMenu[data-theme=light] {
  --menu-bg: linear-gradient(45deg,
      rgba(255, 255, 255, 0.45) 0%,
      rgba(255, 255, 255, 0.85) 100%);
  --menu-border: rgba(0, 0, 0, 0.08);
  --item-border: rgba(0, 0, 0, 0.1);
  --item-color: rgb(10, 20, 28);
  --item-bg-hover: rgba(10, 20, 28, 0.09);
}

@keyframes menuAnimation {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    height: var(--height);
    opacity: 1;
    border-radius: 8px;
    transform: scale(1);
  }
}
@keyframes menuItemAnimation {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.dashboard-view {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.dashboard-main {
  flex-grow: 1;
  overflow: auto;
  position: relative;
  padding-top: 3rem !important;
}

#dashboard-name {
  position: absolute;
  top: 1rem;
  left: 2rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  z-index: 5;
}

.dashboard-drive {
  z-index: 4;
}
/*!
 * Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade, .fa-fade {
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake, .fa-spin {
  -webkit-animation-delay: var(--fa-animation-delay, 0);
  animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction:reverse;
}

.fa-pulse, .fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-beat-fade {
  0%, to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  40%, to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fa-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-0:before {
  content: "0";
}

.fa-1:before {
  content: "1";
}

.fa-2:before {
  content: "2";
}

.fa-3:before {
  content: "3";
}

.fa-4:before {
  content: "4";
}

.fa-5:before {
  content: "5";
}

.fa-6:before {
  content: "6";
}

.fa-7:before {
  content: "7";
}

.fa-8:before {
  content: "8";
}

.fa-9:before {
  content: "9";
}

.fa-a:before {
  content: "A";
}

.fa-address-book:before, .fa-contact-book:before {
  content: "\f2b9";
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
  content: "\f2bb";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-anchor-circle-check:before {
  content: "\e4aa";
}

.fa-anchor-circle-exclamation:before {
  content: "\e4ab";
}

.fa-anchor-circle-xmark:before {
  content: "\e4ac";
}

.fa-anchor-lock:before {
  content: "\e4ad";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-double-down:before, .fa-angles-down:before {
  content: "\f103";
}

.fa-angle-double-left:before, .fa-angles-left:before {
  content: "\f100";
}

.fa-angle-double-right:before, .fa-angles-right:before {
  content: "\f101";
}

.fa-angle-double-up:before, .fa-angles-up:before {
  content: "\f102";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-apple-alt:before, .fa-apple-whole:before {
  content: "\f5d1";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
  content: "\f175";
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-arrow-down-up-across-line:before {
  content: "\e4af";
}

.fa-arrow-down-up-lock:before {
  content: "\e4b0";
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
  content: "\f160";
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
  content: "\f177";
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
  content: "\f245";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
  content: "\f0ec";
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
  content: "\f08b";
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
  content: "\f178";
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
  content: "\f090";
}

.fa-arrow-right-to-city:before {
  content: "\e4b3";
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
  content: "\f01e";
}

.fa-arrow-trend-down:before {
  content: "\e097";
}

.fa-arrow-trend-up:before {
  content: "\e098";
}

.fa-arrow-turn-down:before, .fa-level-down:before {
  content: "\f149";
}

.fa-arrow-turn-up:before, .fa-level-up:before {
  content: "\f148";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-arrow-up-from-bracket:before {
  content: "\e09a";
}

.fa-arrow-up-from-ground-water:before {
  content: "\e4b5";
}

.fa-arrow-up-from-water-pump:before {
  content: "\e4b6";
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
  content: "\f176";
}

.fa-arrow-up-right-dots:before {
  content: "\e4b7";
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
  content: "\f08e";
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
  content: "\f161";
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-arrows-down-to-line:before {
  content: "\e4b8";
}

.fa-arrows-down-to-people:before {
  content: "\e4b9";
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
  content: "\f07e";
}

.fa-arrows-left-right-to-line:before {
  content: "\e4ba";
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
  content: "\f021";
}

.fa-arrows-spin:before {
  content: "\e4bb";
}

.fa-arrows-split-up-and-left:before {
  content: "\e4bc";
}

.fa-arrows-to-circle:before {
  content: "\e4bd";
}

.fa-arrows-to-dot:before {
  content: "\e4be";
}

.fa-arrows-to-eye:before {
  content: "\e4bf";
}

.fa-arrows-turn-right:before {
  content: "\e4c0";
}

.fa-arrows-turn-to-dots:before {
  content: "\e4c1";
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
  content: "\f047";
}

.fa-arrows-up-to-line:before {
  content: "\e4c2";
}

.fa-asterisk:before {
  content: "*";
}

.fa-at:before {
  content: "@";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-austral-sign:before {
  content: "\e0a9";
}

.fa-award:before {
  content: "\f559";
}

.fa-b:before {
  content: "B";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
  content: "\f77d";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-backward-fast:before, .fa-fast-backward:before {
  content: "\f049";
}

.fa-backward-step:before, .fa-step-backward:before {
  content: "\f048";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
  content: "\f290";
}

.fa-bahai:before, .fa-haykal:before {
  content: "\f666";
}

.fa-baht-sign:before {
  content: "\e0ac";
}

.fa-ban:before, .fa-cancel:before {
  content: "\f05e";
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
  content: "\f54d";
}

.fa-band-aid:before, .fa-bandage:before {
  content: "\f462";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before, .fa-navicon:before {
  content: "\f0c9";
}

.fa-bars-progress:before, .fa-tasks-alt:before {
  content: "\f828";
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
  content: "\f550";
}

.fa-baseball-ball:before, .fa-baseball:before {
  content: "\f433";
}

.fa-baseball-bat-ball:before {
  content: "\f432";
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
  content: "\f291";
}

.fa-basketball-ball:before, .fa-basketball:before {
  content: "\f434";
}

.fa-bath:before, .fa-bathtub:before {
  content: "\f2cd";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-2:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-bed:before {
  content: "\f236";
}

.fa-bed-pulse:before, .fa-procedures:before {
  content: "\f487";
}

.fa-beer-mug-empty:before, .fa-beer:before {
  content: "\f0fc";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
  content: "\f562";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-bitcoin-sign:before {
  content: "\e0b4";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blog:before {
  content: "\f781";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before, .fa-zap:before {
  content: "\f0e7";
}

.fa-bolt-lightning:before {
  content: "\e0b7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-atlas:before, .fa-book-atlas:before {
  content: "\f558";
}

.fa-bible:before, .fa-book-bible:before {
  content: "\f647";
}

.fa-book-bookmark:before {
  content: "\e0bb";
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
  content: "\f66a";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-open-reader:before, .fa-book-reader:before {
  content: "\f5da";
}

.fa-book-quran:before, .fa-quran:before {
  content: "\f687";
}

.fa-book-dead:before, .fa-book-skull:before {
  content: "\f6b7";
}

.fa-book-tanakh:before, .fa-tanakh:before {
  content: "\f827";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before, .fa-border-top-left:before {
  content: "\f853";
}

.fa-bore-hole:before {
  content: "\e4c3";
}

.fa-bottle-droplet:before {
  content: "\e4c4";
}

.fa-bottle-water:before {
  content: "\e4c5";
}

.fa-bowl-food:before {
  content: "\e4c6";
}

.fa-bowl-rice:before {
  content: "\e2eb";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-archive:before, .fa-box-archive:before {
  content: "\f187";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-boxes-packing:before {
  content: "\e4c7";
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-brazilian-real-sign:before {
  content: "\e46c";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-bridge:before {
  content: "\e4c8";
}

.fa-bridge-circle-check:before {
  content: "\e4c9";
}

.fa-bridge-circle-exclamation:before {
  content: "\e4ca";
}

.fa-bridge-circle-xmark:before {
  content: "\e4cb";
}

.fa-bridge-lock:before {
  content: "\e4cc";
}

.fa-bridge-water:before {
  content: "\e4ce";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
  content: "\f458";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-bucket:before {
  content: "\e4cf";
}

.fa-bug:before {
  content: "\f188";
}

.fa-bug-slash:before {
  content: "\e490";
}

.fa-bugs:before {
  content: "\e4d0";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-building-circle-arrow-right:before {
  content: "\e4d1";
}

.fa-building-circle-check:before {
  content: "\e4d2";
}

.fa-building-circle-exclamation:before {
  content: "\e4d3";
}

.fa-building-circle-xmark:before {
  content: "\e4d4";
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
  content: "\f19c";
}

.fa-building-flag:before {
  content: "\e4d5";
}

.fa-building-lock:before {
  content: "\e4d6";
}

.fa-building-ngo:before {
  content: "\e4d7";
}

.fa-building-shield:before {
  content: "\e4d8";
}

.fa-building-un:before {
  content: "\e4d9";
}

.fa-building-user:before {
  content: "\e4da";
}

.fa-building-wheat:before {
  content: "\e4db";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burger:before, .fa-hamburger:before {
  content: "\f805";
}

.fa-burst:before {
  content: "\e4dc";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before, .fa-bus-simple:before {
  content: "\f55e";
}

.fa-briefcase-clock:before, .fa-business-time:before {
  content: "\f64a";
}

.fa-c:before {
  content: "C";
}

.fa-cable-car:before, .fa-tram:before {
  content: "\f7da";
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
  content: "\f1fd";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-alt:before, .fa-calendar-days:before {
  content: "\f073";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
  content: "\f273";
}

.fa-camera-alt:before, .fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-camera-rotate:before {
  content: "\e0d8";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-battery-car:before, .fa-car-battery:before {
  content: "\f5df";
}

.fa-car-burst:before, .fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-on:before {
  content: "\e4dd";
}

.fa-car-alt:before, .fa-car-rear:before {
  content: "\f5de";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-car-tunnel:before {
  content: "\e4de";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
  content: "\f59d";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
  content: "\f07a";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cedi-sign:before {
  content: "\e0df";
}

.fa-cent-sign:before {
  content: "\e3f5";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-blackboard:before, .fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
  content: "\f51c";
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
  content: "\f79f";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-area-chart:before, .fa-chart-area:before {
  content: "\f1fe";
}

.fa-bar-chart:before, .fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-column:before {
  content: "\e0e3";
}

.fa-chart-gantt:before {
  content: "\e0e4";
}

.fa-chart-line:before, .fa-line-chart:before {
  content: "\f201";
}

.fa-chart-pie:before, .fa-pie-chart:before {
  content: "\f200";
}

.fa-chart-simple:before {
  content: "\e473";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-to-slot:before, .fa-vote-yea:before {
  content: "\f772";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-child-dress:before {
  content: "\e59c";
}

.fa-child-reaching:before {
  content: "\e59d";
}

.fa-child-rifle:before {
  content: "\e4e0";
}

.fa-children:before {
  content: "\e4e1";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
  content: "\f0aa";
}

.fa-check-circle:before, .fa-circle-check:before {
  content: "\f058";
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
  content: "\f139";
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
  content: "\f4b9";
}

.fa-circle-dot:before, .fa-dot-circle:before {
  content: "\f192";
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
  content: "\f358";
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-circle-h:before, .fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-adjust:before, .fa-circle-half-stroke:before {
  content: "\f042";
}

.fa-circle-info:before, .fa-info-circle:before {
  content: "\f05a";
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
  content: "\f359";
}

.fa-circle-minus:before, .fa-minus-circle:before {
  content: "\f056";
}

.fa-circle-nodes:before {
  content: "\e4e2";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-circle-pause:before, .fa-pause-circle:before {
  content: "\f28b";
}

.fa-circle-play:before, .fa-play-circle:before {
  content: "\f144";
}

.fa-circle-plus:before, .fa-plus-circle:before {
  content: "\f055";
}

.fa-circle-question:before, .fa-question-circle:before {
  content: "\f059";
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
  content: "\f35a";
}

.fa-circle-stop:before, .fa-stop-circle:before {
  content: "\f28d";
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
  content: "\f35b";
}

.fa-circle-user:before, .fa-user-circle:before {
  content: "\f2bd";
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
  content: "\f057";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clapperboard:before {
  content: "\e131";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clipboard-question:before {
  content: "\e4e3";
}

.fa-clipboard-user:before {
  content: "\f7f3";
}

.fa-clock-four:before, .fa-clock:before {
  content: "\f017";
}

.fa-clock-rotate-left:before, .fa-history:before {
  content: "\f1da";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
  content: "\f76c";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-showers-water:before {
  content: "\e4e4";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-clover:before {
  content: "\e139";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-code-commit:before {
  content: "\f386";
}

.fa-code-compare:before {
  content: "\e13a";
}

.fa-code-fork:before {
  content: "\e13b";
}

.fa-code-merge:before {
  content: "\f387";
}

.fa-code-pull-request:before {
  content: "\e13c";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-colon-sign:before {
  content: "\e140";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before, .fa-commenting:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comment-sms:before, .fa-sms:before {
  content: "\f7cd";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
  content: "\f568";
}

.fa-compress:before {
  content: "\f066";
}

.fa-computer:before {
  content: "\e4e5";
}

.fa-computer-mouse:before, .fa-mouse:before {
  content: "\f8cc";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cow:before {
  content: "\f6c8";
}

.fa-credit-card-alt:before, .fa-credit-card:before {
  content: "\f09d";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before, .fa-crop-simple:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-cruzeiro-sign:before {
  content: "\e152";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cubes-stacked:before {
  content: "\e4e6";
}

.fa-d:before {
  content: "D";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-backspace:before, .fa-delete-left:before {
  content: "\f55a";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-desktop-alt:before, .fa-desktop:before {
  content: "\f390";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-diagram-next:before {
  content: "\e476";
}

.fa-diagram-predecessor:before {
  content: "\e477";
}

.fa-diagram-project:before, .fa-project-diagram:before {
  content: "\f542";
}

.fa-diagram-successor:before {
  content: "\e47a";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-diamond-turn-right:before, .fa-directions:before {
  content: "\f5eb";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-display:before {
  content: "\e163";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
  content: "$";
}

.fa-dolly-box:before, .fa-dolly:before {
  content: "\f472";
}

.fa-dong-sign:before {
  content: "\e169";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
  content: "\f422";
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-download:before {
  content: "\f019";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-droplet:before, .fa-tint:before {
  content: "\f043";
}

.fa-droplet-slash:before, .fa-tint-slash:before {
  content: "\f5c7";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-e:before {
  content: "E";
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
  content: "\f2a2";
}

.fa-earth-africa:before, .fa-globe-africa:before {
  content: "\f57c";
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
  content: "\f57d";
}

.fa-earth-asia:before, .fa-globe-asia:before {
  content: "\f57e";
}

.fa-earth-europe:before, .fa-globe-europe:before {
  content: "\f7a2";
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
  content: "\e47b";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elevator:before {
  content: "\e16d";
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
  content: "\f141";
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-circle-check:before {
  content: "\e4e8";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
  content: "\f674";
}

.fa-equals:before {
  content: "=";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
  content: "\f153";
}

.fa-exclamation:before {
  content: "!";
}

.fa-expand:before {
  content: "\f065";
}

.fa-explosion:before {
  content: "\e4e9";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
  content: "\f1fb";
}

.fa-eye-low-vision:before, .fa-low-vision:before {
  content: "\f2a8";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-f:before {
  content: "F";
}

.fa-angry:before, .fa-face-angry:before {
  content: "\f556";
}

.fa-dizzy:before, .fa-face-dizzy:before {
  content: "\f567";
}

.fa-face-flushed:before, .fa-flushed:before {
  content: "\f579";
}

.fa-face-frown:before, .fa-frown:before {
  content: "\f119";
}

.fa-face-frown-open:before, .fa-frown-open:before {
  content: "\f57a";
}

.fa-face-grimace:before, .fa-grimace:before {
  content: "\f57f";
}

.fa-face-grin:before, .fa-grin:before {
  content: "\f580";
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
  content: "\f582";
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
  content: "\f584";
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
  content: "\f585";
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
  content: "\f587";
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
  content: "\f588";
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
  content: "\f589";
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
  content: "\f581";
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
  content: "\f58c";
}

.fa-face-kiss:before, .fa-kiss:before {
  content: "\f596";
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
  content: "\f597";
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-face-laugh:before, .fa-laugh:before {
  content: "\f599";
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
  content: "\f59a";
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
  content: "\f59b";
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
  content: "\f59c";
}

.fa-face-meh:before, .fa-meh:before {
  content: "\f11a";
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
  content: "\f5a4";
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
  content: "\f5b3";
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
  content: "\f5b4";
}

.fa-face-smile:before, .fa-smile:before {
  content: "\f118";
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
  content: "\f5b8";
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
  content: "\f4da";
}

.fa-face-surprise:before, .fa-surprise:before {
  content: "\f5c2";
}

.fa-face-tired:before, .fa-tired:before {
  content: "\f5c8";
}

.fa-fan:before {
  content: "\f863";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-faucet-drip:before {
  content: "\e006";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before, .fa-feather-pointed:before {
  content: "\f56b";
}

.fa-ferry:before {
  content: "\e4ea";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-arrow-down:before, .fa-file-download:before {
  content: "\f56d";
}

.fa-file-arrow-up:before, .fa-file-upload:before {
  content: "\f574";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-circle-check:before {
  content: "\e5a0";
}

.fa-file-circle-exclamation:before {
  content: "\e4eb";
}

.fa-file-circle-minus:before {
  content: "\e4ed";
}

.fa-file-circle-plus:before {
  content: "\e494";
}

.fa-file-circle-question:before {
  content: "\e4ef";
}

.fa-file-circle-xmark:before {
  content: "\e5a1";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
  content: "\f15c";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-edit:before, .fa-file-pen:before {
  content: "\f31c";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-shield:before {
  content: "\e4f0";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
  content: "\f478";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-file-archive:before, .fa-file-zipper:before {
  content: "\f1c6";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
  content: "\f662";
}

.fa-filter-circle-xmark:before {
  content: "\e17b";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-burner:before {
  content: "\e4f1";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
  content: "\f7e4";
}

.fa-burn:before, .fa-fire-flame-simple:before {
  content: "\f46a";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fish-fins:before {
  content: "\e4f2";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flask-vial:before {
  content: "\e4f3";
}

.fa-floppy-disk:before, .fa-save:before {
  content: "\f0c7";
}

.fa-florin-sign:before {
  content: "\e184";
}

.fa-folder-blank:before, .fa-folder:before {
  content: "\f07b";
}

.fa-folder-closed:before {
  content: "\e185";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-folder-tree:before {
  content: "\f802";
}

.fa-font:before {
  content: "\f031";
}

.fa-football-ball:before, .fa-football:before {
  content: "\f44e";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before, .fa-forward-fast:before {
  content: "\f050";
}

.fa-forward-step:before, .fa-step-forward:before {
  content: "\f051";
}

.fa-franc-sign:before {
  content: "\e18f";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
  content: "\f1e3";
}

.fa-g:before {
  content: "G";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
  content: "\f624";
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
  content: "\f625";
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
  content: "\f629";
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
  content: "\f62a";
}

.fa-gavel:before, .fa-legal:before {
  content: "\f0e3";
}

.fa-cog:before, .fa-gear:before {
  content: "\f013";
}

.fa-cogs:before, .fa-gears:before {
  content: "\f085";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-glass-water:before {
  content: "\e4f4";
}

.fa-glass-water-droplet:before {
  content: "\e4f5";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
  content: "\f450";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before, .fa-mortar-board:before {
  content: "\f19d";
}

.fa-greater-than:before {
  content: ">";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grip-horizontal:before, .fa-grip:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-group-arrows-rotate:before {
  content: "\e4f6";
}

.fa-guarani-sign:before {
  content: "\e19a";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gun:before {
  content: "\e19b";
}

.fa-h:before {
  content: "H";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-paper:before, .fa-hand:before {
  content: "\f256";
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
  content: "\f255";
}

.fa-allergies:before, .fa-hand-dots:before {
  content: "\f461";
}

.fa-fist-raised:before, .fa-hand-fist:before {
  content: "\f6de";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-holding-hand:before {
  content: "\e4f7";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-handcuffs:before {
  content: "\e4f8";
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
  content: "\f2a7";
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
  content: "\f2a3";
}

.fa-hands-bound:before {
  content: "\e4f9";
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
  content: "\e05e";
}

.fa-hands-clapping:before {
  content: "\e1a8";
}

.fa-hands-holding:before {
  content: "\f4c2";
}

.fa-hands-holding-child:before {
  content: "\e4fa";
}

.fa-hands-holding-circle:before {
  content: "\e4fb";
}

.fa-hands-praying:before, .fa-praying-hands:before {
  content: "\f684";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hands-helping:before, .fa-handshake-angle:before {
  content: "\f4c4";
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
  content: "\f4c6";
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-drive:before, .fa-hdd:before {
  content: "\f0a0";
}

.fa-hashtag:before {
  content: "#";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-header:before, .fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-circle-bolt:before {
  content: "\e4fc";
}

.fa-heart-circle-check:before {
  content: "\e4fd";
}

.fa-heart-circle-exclamation:before {
  content: "\e4fe";
}

.fa-heart-circle-minus:before {
  content: "\e4ff";
}

.fa-heart-circle-plus:before {
  content: "\e500";
}

.fa-heart-circle-xmark:before {
  content: "\e501";
}

.fa-heart-broken:before, .fa-heart-crack:before {
  content: "\f7a9";
}

.fa-heart-pulse:before, .fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-helicopter-symbol:before {
  content: "\e502";
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
  content: "\f807";
}

.fa-helmet-un:before {
  content: "\e503";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hill-avalanche:before {
  content: "\e507";
}

.fa-hill-rockslide:before {
  content: "\e508";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hourglass-empty:before, .fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
  content: "\f015";
}

.fa-home-lg:before, .fa-house-chimney:before {
  content: "\e3af";
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
  content: "\f6f1";
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
  content: "\f7f2";
}

.fa-house-chimney-user:before {
  content: "\e065";
}

.fa-house-chimney-window:before {
  content: "\e00d";
}

.fa-house-circle-check:before {
  content: "\e509";
}

.fa-house-circle-exclamation:before {
  content: "\e50a";
}

.fa-house-circle-xmark:before {
  content: "\e50b";
}

.fa-house-crack:before {
  content: "\e3b1";
}

.fa-house-fire:before {
  content: "\e50c";
}

.fa-house-flag:before {
  content: "\e50d";
}

.fa-house-flood-water:before {
  content: "\e50e";
}

.fa-house-flood-water-circle-arrow-right:before {
  content: "\e50f";
}

.fa-house-laptop:before, .fa-laptop-house:before {
  content: "\e066";
}

.fa-house-lock:before {
  content: "\e510";
}

.fa-house-medical:before {
  content: "\e3b2";
}

.fa-house-medical-circle-check:before {
  content: "\e511";
}

.fa-house-medical-circle-exclamation:before {
  content: "\e512";
}

.fa-house-medical-circle-xmark:before {
  content: "\e513";
}

.fa-house-medical-flag:before {
  content: "\e514";
}

.fa-house-signal:before {
  content: "\e012";
}

.fa-house-tsunami:before {
  content: "\e515";
}

.fa-home-user:before, .fa-house-user:before {
  content: "\e1b0";
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
  content: "\f6f2";
}

.fa-hurricane:before {
  content: "\f751";
}

.fa-i:before {
  content: "I";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
  content: "\f47f";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-image-portrait:before, .fa-portrait:before {
  content: "\f3e0";
}

.fa-images:before {
  content: "\f302";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
  content: "\e1bc";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-italic:before {
  content: "\f033";
}

.fa-j:before {
  content: "J";
}

.fa-jar:before {
  content: "\e516";
}

.fa-jar-wheat:before {
  content: "\e517";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
  content: "\f0fb";
}

.fa-jet-fighter-up:before {
  content: "\e518";
}

.fa-joint:before {
  content: "\f595";
}

.fa-jug-detergent:before {
  content: "\e519";
}

.fa-k:before {
  content: "K";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-key:before {
  content: "\f084";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kip-sign:before {
  content: "\e1c4";
}

.fa-first-aid:before, .fa-kit-medical:before {
  content: "\f479";
}

.fa-kitchen-set:before {
  content: "\e51a";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-l:before {
  content: "L";
}

.fa-land-mine-on:before {
  content: "\e51b";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
  content: "\f752";
}

.fa-landmark-flag:before {
  content: "\e51c";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-file:before {
  content: "\e51d";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-lari-sign:before {
  content: "\e1c8";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-arrows-alt-h:before, .fa-left-right:before {
  content: "\f337";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less-than:before {
  content: "<";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-lines-leaning:before {
  content: "\e51e";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
  content: "\f127";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list-squares:before, .fa-list:before {
  content: "\f03a";
}

.fa-list-check:before, .fa-tasks:before {
  content: "\f0ae";
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-dots:before, .fa-list-ul:before {
  content: "\f0ca";
}

.fa-litecoin-sign:before {
  content: "\e1d3";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-location-crosshairs:before, .fa-location:before {
  content: "\f601";
}

.fa-location-dot:before, .fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-location-pin:before, .fa-map-marker:before {
  content: "\f041";
}

.fa-location-pin-lock:before {
  content: "\e51f";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-locust:before {
  content: "\e520";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-m:before {
  content: "M";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-magnifying-glass:before, .fa-search:before {
  content: "\f002";
}

.fa-magnifying-glass-arrow-right:before {
  content: "\e521";
}

.fa-magnifying-glass-chart:before {
  content: "\e522";
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
  content: "\f688";
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
  content: "\f689";
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
  content: "\f010";
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
  content: "\f00e";
}

.fa-manat-sign:before {
  content: "\e1d5";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-location:before, .fa-map-marked:before {
  content: "\f59f";
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-and-venus:before {
  content: "\f224";
}

.fa-mars-and-venus-burst:before {
  content: "\e523";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
  content: "\f22b";
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
  content: "\f57b";
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
  content: "\f561";
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
  content: "\f000";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mask-face:before {
  content: "\e1d7";
}

.fa-mask-ventilator:before {
  content: "\e524";
}

.fa-masks-theater:before, .fa-theater-masks:before {
  content: "\f630";
}

.fa-mattress-pillow:before {
  content: "\e525";
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
  content: "\f31e";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-memory:before {
  content: "\f538";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-comment-alt:before, .fa-message:before {
  content: "\f27a";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-mill-sign:before {
  content: "\e1ed";
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
  content: "\f78c";
}

.fa-minus:before, .fa-subtract:before {
  content: "\f068";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
  content: "\f3ce";
}

.fa-mobile-button:before {
  content: "\f10b";
}

.fa-mobile-retro:before {
  content: "\e527";
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
  content: "\f3cf";
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
  content: "\f3cd";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-bill-transfer:before {
  content: "\e528";
}

.fa-money-bill-trend-up:before {
  content: "\e529";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wheat:before {
  content: "\e52a";
}

.fa-money-bills:before {
  content: "\e1f3";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-mosquito:before {
  content: "\e52b";
}

.fa-mosquito-net:before {
  content: "\e52c";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mound:before {
  content: "\e52d";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mountain-city:before {
  content: "\e52e";
}

.fa-mountain-sun:before {
  content: "\e52f";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-coffee:before, .fa-mug-saucer:before {
  content: "\f0f4";
}

.fa-music:before {
  content: "\f001";
}

.fa-n:before {
  content: "N";
}

.fa-naira-sign:before {
  content: "\e1f6";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notdef:before {
  content: "\e1fe";
}

.fa-note-sticky:before, .fa-sticky-note:before {
  content: "\f249";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-o:before {
  content: "O";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-oil-well:before {
  content: "\e532";
}

.fa-om:before {
  content: "\f679";
}

.fa-otter:before {
  content: "\f700";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-p:before {
  content: "P";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-paint-brush:before, .fa-paintbrush:before {
  content: "\f1fc";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-panorama:before {
  content: "\e209";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-file-clipboard:before, .fa-paste:before {
  content: "\f0ea";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before, .fa-pen-clip:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-edit:before, .fa-pen-to-square:before {
  content: "\f044";
}

.fa-pencil-alt:before, .fa-pencil:before {
  content: "\f303";
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry-box:before, .fa-people-carry:before {
  content: "\f4ce";
}

.fa-people-group:before {
  content: "\e533";
}

.fa-people-line:before {
  content: "\e534";
}

.fa-people-pulling:before {
  content: "\e535";
}

.fa-people-robbery:before {
  content: "\e536";
}

.fa-people-roof:before {
  content: "\e537";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-percent:before, .fa-percentage:before {
  content: "%";
}

.fa-male:before, .fa-person:before {
  content: "\f183";
}

.fa-person-arrow-down-to-line:before {
  content: "\e538";
}

.fa-person-arrow-up-from-line:before {
  content: "\e539";
}

.fa-biking:before, .fa-person-biking:before {
  content: "\f84a";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-person-breastfeeding:before {
  content: "\e53a";
}

.fa-person-burst:before {
  content: "\e53b";
}

.fa-person-cane:before {
  content: "\e53c";
}

.fa-person-chalkboard:before {
  content: "\e53d";
}

.fa-person-circle-check:before {
  content: "\e53e";
}

.fa-person-circle-exclamation:before {
  content: "\e53f";
}

.fa-person-circle-minus:before {
  content: "\e540";
}

.fa-person-circle-plus:before {
  content: "\e541";
}

.fa-person-circle-question:before {
  content: "\e542";
}

.fa-person-circle-xmark:before {
  content: "\e543";
}

.fa-digging:before, .fa-person-digging:before {
  content: "\f85e";
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
  content: "\f470";
}

.fa-female:before, .fa-person-dress:before {
  content: "\f182";
}

.fa-person-dress-burst:before {
  content: "\e544";
}

.fa-person-drowning:before {
  content: "\e545";
}

.fa-person-falling:before {
  content: "\e546";
}

.fa-person-falling-burst:before {
  content: "\e547";
}

.fa-person-half-dress:before {
  content: "\e548";
}

.fa-person-harassing:before {
  content: "\e549";
}

.fa-hiking:before, .fa-person-hiking:before {
  content: "\f6ec";
}

.fa-person-military-pointing:before {
  content: "\e54a";
}

.fa-person-military-rifle:before {
  content: "\e54b";
}

.fa-person-military-to-person:before {
  content: "\e54c";
}

.fa-person-praying:before, .fa-pray:before {
  content: "\f683";
}

.fa-person-pregnant:before {
  content: "\e31e";
}

.fa-person-rays:before {
  content: "\e54d";
}

.fa-person-rifle:before {
  content: "\e54e";
}

.fa-person-running:before, .fa-running:before {
  content: "\f70c";
}

.fa-person-shelter:before {
  content: "\e54f";
}

.fa-person-skating:before, .fa-skating:before {
  content: "\f7c5";
}

.fa-person-skiing:before, .fa-skiing:before {
  content: "\f7c9";
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
  content: "\f7ce";
}

.fa-person-swimming:before, .fa-swimmer:before {
  content: "\f5c4";
}

.fa-person-through-window:before {
  content: "\e5a9";
}

.fa-person-walking:before, .fa-walking:before {
  content: "\f554";
}

.fa-person-walking-arrow-loop-left:before {
  content: "\e551";
}

.fa-person-walking-arrow-right:before {
  content: "\e552";
}

.fa-person-walking-dashed-line-arrow-right:before {
  content: "\e553";
}

.fa-person-walking-luggage:before {
  content: "\e554";
}

.fa-blind:before, .fa-person-walking-with-cane:before {
  content: "\f29d";
}

.fa-peseta-sign:before {
  content: "\e221";
}

.fa-peso-sign:before {
  content: "\e222";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before, .fa-phone-flip:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-photo-film:before, .fa-photo-video:before {
  content: "\f87c";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-circle-check:before {
  content: "\e555";
}

.fa-plane-circle-exclamation:before {
  content: "\e556";
}

.fa-plane-circle-xmark:before {
  content: "\e557";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-lock:before {
  content: "\e558";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-plane-up:before {
  content: "\e22d";
}

.fa-plant-wilt:before {
  content: "\e5aa";
}

.fa-plate-wheat:before {
  content: "\e55a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plug-circle-bolt:before {
  content: "\e55b";
}

.fa-plug-circle-check:before {
  content: "\e55c";
}

.fa-plug-circle-exclamation:before {
  content: "\e55d";
}

.fa-plug-circle-minus:before {
  content: "\e55e";
}

.fa-plug-circle-plus:before {
  content: "\e55f";
}

.fa-plug-circle-xmark:before {
  content: "\e560";
}

.fa-add:before, .fa-plus:before {
  content: "+";
}

.fa-plus-minus:before {
  content: "\e43c";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-bolt:before, .fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-q:before {
  content: "Q";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "?";
}

.fa-quote-left-alt:before, .fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right-alt:before, .fa-quote-right:before {
  content: "\f10e";
}

.fa-r:before {
  content: "R";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radio:before {
  content: "\f8d7";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-ranking-star:before {
  content: "\e561";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-ad:before, .fa-rectangle-ad:before {
  content: "\f641";
}

.fa-list-alt:before, .fa-rectangle-list:before {
  content: "\f022";
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
  content: "\f410";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-repeat:before {
  content: "\f363";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f3e5";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-exchange-alt:before, .fa-right-left:before {
  content: "\f362";
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
  content: "\f30b";
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-road-barrier:before {
  content: "\e562";
}

.fa-road-bridge:before {
  content: "\e563";
}

.fa-road-circle-check:before {
  content: "\e564";
}

.fa-road-circle-exclamation:before {
  content: "\e565";
}

.fa-road-circle-xmark:before {
  content: "\e566";
}

.fa-road-lock:before {
  content: "\e567";
}

.fa-road-spikes:before {
  content: "\e568";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rotate:before, .fa-sync-alt:before {
  content: "\f2f1";
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
  content: "\f2ea";
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
  content: "\f2f9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
  content: "\f158";
}

.fa-rug:before {
  content: "\e569";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-rupee-sign:before, .fa-rupee:before {
  content: "\f156";
}

.fa-rupiah-sign:before {
  content: "\e23d";
}

.fa-s:before {
  content: "S";
}

.fa-sack-dollar:before {
  content: "\f81d";
}

.fa-sack-xmark:before {
  content: "\e56a";
}

.fa-sailboat:before {
  content: "\e445";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-balance-scale:before, .fa-scale-balanced:before {
  content: "\f24e";
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
  content: "\f515";
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
  content: "\f516";
}

.fa-school:before {
  content: "\f549";
}

.fa-school-circle-check:before {
  content: "\e56b";
}

.fa-school-circle-exclamation:before {
  content: "\e56c";
}

.fa-school-circle-xmark:before {
  content: "\e56d";
}

.fa-school-flag:before {
  content: "\e56e";
}

.fa-school-lock:before {
  content: "\e56f";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-screwdriver-wrench:before, .fa-tools:before {
  content: "\f7d9";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-scroll-torah:before, .fa-torah:before {
  content: "\f6a0";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-section:before {
  content: "\e447";
}

.fa-seedling:before, .fa-sprout:before {
  content: "\f4d8";
}

.fa-server:before {
  content: "\f233";
}

.fa-shapes:before, .fa-triangle-circle-square:before {
  content: "\f61f";
}

.fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-share-from-square:before, .fa-share-square:before {
  content: "\f14d";
}

.fa-share-alt:before, .fa-share-nodes:before {
  content: "\f1e0";
}

.fa-sheet-plastic:before {
  content: "\e571";
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
  content: "\f20b";
}

.fa-shield-blank:before, .fa-shield:before {
  content: "\f132";
}

.fa-shield-cat:before {
  content: "\e572";
}

.fa-shield-dog:before {
  content: "\e573";
}

.fa-shield-alt:before, .fa-shield-halved:before {
  content: "\f3ed";
}

.fa-shield-heart:before {
  content: "\e574";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
  content: "\f553";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shop:before, .fa-store-alt:before {
  content: "\f54f";
}

.fa-shop-lock:before {
  content: "\e4a5";
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
  content: "\e070";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shrimp:before {
  content: "\e448";
}

.fa-random:before, .fa-shuffle:before {
  content: "\f074";
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
  content: "\f197";
}

.fa-sign-hanging:before, .fa-sign:before {
  content: "\f4d9";
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-map-signs:before, .fa-signs-post:before {
  content: "\f277";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before, .fa-sliders:before {
  content: "\f1de";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before, .fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before, .fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before, .fa-sort-up:before {
  content: "\f0de";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
  content: "\f67b";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spoon:before, .fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
  content: "\f5d0";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
  content: "\f14c";
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
  content: "\f150";
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
  content: "\f191";
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
  content: "\f152";
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
  content: "\f151";
}

.fa-check-square:before, .fa-square-check:before {
  content: "\f14a";
}

.fa-envelope-square:before, .fa-square-envelope:before {
  content: "\f199";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-h-square:before, .fa-square-h:before {
  content: "\f0fd";
}

.fa-minus-square:before, .fa-square-minus:before {
  content: "\f146";
}

.fa-square-nfi:before {
  content: "\e576";
}

.fa-parking:before, .fa-square-parking:before {
  content: "\f540";
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
  content: "\f14b";
}

.fa-square-person-confined:before {
  content: "\e577";
}

.fa-phone-square:before, .fa-square-phone:before {
  content: "\f098";
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
  content: "\f87b";
}

.fa-plus-square:before, .fa-square-plus:before {
  content: "\f0fe";
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
  content: "\f682";
}

.fa-poll:before, .fa-square-poll-vertical:before {
  content: "\f681";
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
  content: "\f698";
}

.fa-rss-square:before, .fa-square-rss:before {
  content: "\f143";
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
  content: "\f1e1";
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
  content: "\f360";
}

.fa-square-virus:before {
  content: "\e578";
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
  content: "\f2d3";
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
  content: "\e579";
}

.fa-stairs:before {
  content: "\e289";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-stapler:before {
  content: "\e5af";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
  content: "\f154";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-medkit:before, .fa-suitcase-medical:before {
  content: "\f0fa";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-sun-plant-wilt:before {
  content: "\e57a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-t:before {
  content: "T";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-cells:before, .fa-th:before {
  content: "\f00a";
}

.fa-table-cells-large:before, .fa-th-large:before {
  content: "\f009";
}

.fa-columns:before, .fa-table-columns:before {
  content: "\f0db";
}

.fa-table-list:before, .fa-th-list:before {
  content: "\f00b";
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet-android:before, .fa-tablet:before {
  content: "\f3fb";
}

.fa-tablet-button:before {
  content: "\f10a";
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
  content: "\f566";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tarp:before {
  content: "\e57b";
}

.fa-tarp-droplet:before {
  content: "\e57c";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
  content: "\e03f";
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
  content: "\e040";
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-tenge-sign:before, .fa-tenge:before {
  content: "\f7d7";
}

.fa-tent:before {
  content: "\e57d";
}

.fa-tent-arrow-down-to-line:before {
  content: "\e57e";
}

.fa-tent-arrow-left-right:before {
  content: "\e57f";
}

.fa-tent-arrow-turn-left:before {
  content: "\e580";
}

.fa-tent-arrows-down:before {
  content: "\e581";
}

.fa-tents:before {
  content: "\e582";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-remove-format:before, .fa-text-slash:before {
  content: "\f87d";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumb-tack:before, .fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
  content: "\f3ff";
}

.fa-timeline:before {
  content: "\e29c";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-toilet-portable:before {
  content: "\e583";
}

.fa-toilets-portable:before {
  content: "\e584";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tornado:before {
  content: "\f76f";
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
  content: "\f519";
}

.fa-tower-cell:before {
  content: "\e585";
}

.fa-tower-observation:before {
  content: "\e586";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before, .fa-train-subway:before {
  content: "\f239";
}

.fa-train-tram:before {
  content: "\e5b4";
}

.fa-transgender-alt:before, .fa-transgender:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-alt:before, .fa-trash-can:before {
  content: "\f2ed";
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-tree-city:before {
  content: "\e587";
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
  content: "\f071";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-trowel:before {
  content: "\e589";
}

.fa-trowel-bricks:before {
  content: "\e58a";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-arrow-right:before {
  content: "\e58b";
}

.fa-truck-droplet:before {
  content: "\e58c";
}

.fa-shipping-fast:before, .fa-truck-fast:before {
  content: "\f48b";
}

.fa-truck-field:before {
  content: "\e58d";
}

.fa-truck-field-un:before {
  content: "\e58e";
}

.fa-truck-front:before {
  content: "\e2b7";
}

.fa-ambulance:before, .fa-truck-medical:before {
  content: "\f0f9";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-truck-plane:before {
  content: "\e58f";
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
  content: "\f4de";
}

.fa-teletype:before, .fa-tty:before {
  content: "\f1e4";
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
  content: "\e2bb";
}

.fa-level-down-alt:before, .fa-turn-down:before {
  content: "\f3be";
}

.fa-level-up-alt:before, .fa-turn-up:before {
  content: "\f3bf";
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
  content: "\f26c";
}

.fa-u:before {
  content: "U";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
  content: "\f13e";
}

.fa-arrows-alt-v:before, .fa-up-down:before {
  content: "\f338";
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
  content: "\f0b2";
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
  content: "\f30c";
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
  content: "\f424";
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
  content: "\f35d";
}

.fa-upload:before {
  content: "\f093";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-doctor:before, .fa-user-md:before {
  content: "\f0f0";
}

.fa-user-cog:before, .fa-user-gear:before {
  content: "\f4fe";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-friends:before, .fa-user-group:before {
  content: "\f500";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-alt:before, .fa-user-large:before {
  content: "\f406";
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
  content: "\f4fa";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-edit:before, .fa-user-pen:before {
  content: "\f4ff";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before, .fa-user-xmark:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-between-lines:before {
  content: "\e591";
}

.fa-users-cog:before, .fa-users-gear:before {
  content: "\f509";
}

.fa-users-line:before {
  content: "\e592";
}

.fa-users-rays:before {
  content: "\e593";
}

.fa-users-rectangle:before {
  content: "\e594";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-users-viewfinder:before {
  content: "\e595";
}

.fa-cutlery:before, .fa-utensils:before {
  content: "\f2e7";
}

.fa-v:before {
  content: "V";
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
  content: "\f5b6";
}

.fa-vault:before {
  content: "\e2c5";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vial-circle-check:before {
  content: "\e596";
}

.fa-vial-virus:before {
  content: "\e597";
}

.fa-vials:before {
  content: "\f493";
}

.fa-video-camera:before, .fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-covid:before {
  content: "\e4a8";
}

.fa-virus-covid-slash:before {
  content: "\e4a9";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volcano:before {
  content: "\f770";
}

.fa-volleyball-ball:before, .fa-volleyball:before {
  content: "\f45f";
}

.fa-volume-high:before, .fa-volume-up:before {
  content: "\f028";
}

.fa-volume-down:before, .fa-volume-low:before {
  content: "\f027";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
  content: "\f6a9";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-w:before {
  content: "W";
}

.fa-walkie-talkie:before {
  content: "\f8ef";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-magic:before, .fa-wand-magic:before {
  content: "\f0d0";
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
  content: "\e2ca";
}

.fa-wand-sparkles:before {
  content: "\f72b";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-water:before {
  content: "\f773";
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
  content: "\f5c5";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weight-scale:before, .fa-weight:before {
  content: "\f496";
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
  content: "\e2cd";
}

.fa-wheat-awn-circle-exclamation:before {
  content: "\e598";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
  content: "\e2ce";
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
  content: "\f7a0";
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
  content: "\f1eb";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
  content: "\f5ce";
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
  content: "\f159";
}

.fa-worm:before {
  content: "\e599";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x:before {
  content: "X";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
  content: "\f00d";
}

.fa-xmarks-lines:before {
  content: "\e59a";
}

.fa-y:before {
  content: "Y";
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-z:before {
  content: "Z";
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:host, :root {
  --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/fa-brands-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-brands-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
.fa-brands, .fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-42-group:before, .fa-innosoft:before {
  content: "\e080";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-audible:before {
  content: "\f373";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-aws:before {
  content: "\f375";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-bilibili:before {
  content: "\e3d9";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-bots:before {
  content: "\e340";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cmplid:before {
  content: "\e360";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envira:before {
  content: "\f299";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-figma:before {
  content: "\f799";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-fly:before {
  content: "\f417";
}

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golang:before {
  content: "\e40f";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hashnode:before {
  content: "\e499";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-less:before {
  content: "\f41d";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium-m:before, .fa-medium:before {
  content: "\f23a";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-meta:before {
  content: "\e49b";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-nfc-directional:before {
  content: "\e530";
}

.fa-nfc-symbol:before {
  content: "\e531";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-padlet:before {
  content: "\e4a0";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pix:before {
  content: "\e43a";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-screenpal:before {
  content: "\e570";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sith:before {
  content: "\f512";
}

.fa-sitrox:before {
  content: "\e44a";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack-hash:before, .fa-slack:before {
  content: "\f198";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-snapchat-ghost:before, .fa-snapchat:before {
  content: "\f2ab";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-space-awesome:before {
  content: "\e5ac";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-behance-square:before, .fa-square-behance:before {
  content: "\f1b5";
}

.fa-dribbble-square:before, .fa-square-dribbble:before {
  content: "\f397";
}

.fa-facebook-square:before, .fa-square-facebook:before {
  content: "\f082";
}

.fa-square-font-awesome:before {
  content: "\e5ad";
}

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
  content: "\f35c";
}

.fa-git-square:before, .fa-square-git:before {
  content: "\f1d2";
}

.fa-github-square:before, .fa-square-github:before {
  content: "\f092";
}

.fa-gitlab-square:before, .fa-square-gitlab:before {
  content: "\e5ae";
}

.fa-google-plus-square:before, .fa-square-google-plus:before {
  content: "\f0d4";
}

.fa-hacker-news-square:before, .fa-square-hacker-news:before {
  content: "\f3af";
}

.fa-instagram-square:before, .fa-square-instagram:before {
  content: "\e055";
}

.fa-js-square:before, .fa-square-js:before {
  content: "\f3b9";
}

.fa-lastfm-square:before, .fa-square-lastfm:before {
  content: "\f203";
}

.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
  content: "\f264";
}

.fa-pied-piper-square:before, .fa-square-pied-piper:before {
  content: "\e01e";
}

.fa-pinterest-square:before, .fa-square-pinterest:before {
  content: "\f0d3";
}

.fa-reddit-square:before, .fa-square-reddit:before {
  content: "\f1a2";
}

.fa-snapchat-square:before, .fa-square-snapchat:before {
  content: "\f2ad";
}

.fa-square-steam:before, .fa-steam-square:before {
  content: "\f1b7";
}

.fa-square-tumblr:before, .fa-tumblr-square:before {
  content: "\f174";
}

.fa-square-twitter:before, .fa-twitter-square:before {
  content: "\f081";
}

.fa-square-viadeo:before, .fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-square-vimeo:before, .fa-vimeo-square:before {
  content: "\f194";
}

.fa-square-whatsapp:before, .fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-square-xing:before, .fa-xing-square:before {
  content: "\f169";
}

.fa-square-youtube:before, .fa-youtube-square:before {
  content: "\f431";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-telegram-plane:before, .fa-telegram:before {
  content: "\f2c6";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viber:before {
  content: "\f409";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wirsindhandwerk:before, .fa-wsh:before {
  content: "\e2d0";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-rendact:before, .fa-wpressr:before {
  content: "\f3e4";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-zhihu:before {
  content: "\f63f";
}

:host, :root {
  --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/fa-regular-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-regular-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
.fa-regular, .far {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
}

:host, :root {
  --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/fonts/fa-solid-900.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-solid-900.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
.fa-solid, .fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(/fonts/fa-brands-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-brands-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url(/fonts/fa-solid-900.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-solid-900.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url(/fonts/fa-regular-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-regular-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/fonts/fa-solid-900.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-solid-900.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/fonts/fa-brands-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-brands-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/fonts/fa-regular-400.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-regular-400.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/fonts/fa-v4compatibility.woff2?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("woff2"), url(/fonts/fa-v4compatibility.ttf?v=1aPJxhaomc1cYD9WcSLWDgRC4gM) format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}
.row.error {
  --input-border:var(--error);
}

input[type=checkbox] {
  appearance: none;
  background-color: var(--base) !important;
  font: inherit;
  color: currentColor;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid var(--input-background) !important;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: inline-block;
  margin: 0 0.3rem 0 0;
  place-content: center;
  position: relative;
  top: 7px;
  left: 3px;
}
input[type=checkbox]:checked:not([readonly]) {
  border-color: var(--accent) !important;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--accent);
  /* Windows High Contrast Mode */
  background-color: transparent;
}

input[type=checkbox][readonly]::before {
  box-shadow: inset 1em 1em var(--input-background);
}

input[type=checkbox]:checked::before {
  transform: scale(1);
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1.2rem;
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid transparent;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--accent);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.initial-config {
  background: rgba(0, 0, 0, 0.8);
  width: min(70vw, 700px);
}
.initial-config .header {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.initial-config .header .title {
  flex-grow: 1;
  font-size: 1.5rem;
  margin-left: calc(1rem - 1px);
}
.login-page {
  background: #111111;
}
.login-page .main-content {
  flex-direction: column;
}
.login-page .login-box {
  width: min(400px, 70vw);
  background: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  padding: 2rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.login-page .header {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  text-align: center;
}
.login-page .header .logo img {
  width: 6rem;
}
.login-page .header .title {
  font-size: 1.5rem;
  flex-grow: 1;
  margin: 1rem auto 0;
}
.login-page .field {
  margin: 1rem 0;
}
.login-page .field .label {
  text-transform: uppercase;
}
.login-page input {
  width: calc(100% - 1rem);
  padding: 0.5rem;
  background: var(--input-background);
  border: solid 1px var(--input-border);
  color: var(--input-color);
}
.login-page input:focus {
  outline: solid 1px var(--accent);
}
.login-page .buttons {
  display: flex;
  flex-direction: row-reverse;
}
.login-page .buttons .btn + .btn {
  margin-right: 1rem;
}
.login-page .error {
  text-align: center;
  color: #ff8484;
}
.main-menu {
  justify-content: right;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.5rem;
  z-index: 10;
  display: flex;
  flex-direction: row;
  width: 15rem;
  position: absolute;
  right: 0;
}
.main-menu li:hover .fa-house {
  position: relative;
  top: -2.5px;
}
.main-menu li:hover .fa-sliders {
  position: relative;
  top: -1px;
}
.main-menu a:not(.btn) {
  color: var(--color);
  text-decoration: none !important;
  margin: auto;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 3.5rem;
  transition: transform 0.2s;
}
.main-menu .btn {
  transform: scale(1) !important;
}
.main-menu .profile-buttons {
  margin-left: auto;
}
.main-menu .profile-buttons .btn {
  width: 10rem;
}
.main-menu .profile-buttons .btn:hover {
  text-decoration: none;
}
.main-menu .profile-buttons .btn + .btn {
  margin-left: 0.5rem;
}
.main-menu li {
  width: 3.5rem;
  height: 3.5rem;
  justify-content: center center;
  display: flex;
  background: rgba(0, 0, 0, 0.8);
  margin: 1px;
  justify-content: center;
  position: relative;
}
.main-menu li:hover, .main-menu li.force-hover {
  background-color: var(--accent);
}
.main-menu li:hover a, .main-menu li.force-hover a {
  transform: scale(1.4);
  position: relative;
  top: 3px;
}
.main-menu li:hover .panel, .main-menu li.force-hover .panel {
  display: flex;
  flex-direction: column;
  background: #000001;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 3.75rem;
  font-size: 1rem;
  z-index: 10;
}
.main-menu li:hover .panel.groups .setting .value, .main-menu li.force-hover .panel.groups .setting .value {
  min-width: unset;
}
.main-menu li:hover .panel .setting, .main-menu li.force-hover .panel .setting {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-menu li:hover .panel .setting .label, .main-menu li.force-hover .panel .setting .label {
  width: 12rem;
  max-width: 12rem;
  min-width: 12rem;
  text-align: right;
  margin-right: 1rem;
  margin-top: 0.25rem;
  margin-bottom: auto;
}
.main-menu li:hover .panel .setting + .setting, .main-menu li.force-hover .panel .setting + .setting {
  margin-top: 1rem;
}
.main-menu li:hover .panel .setting.integer .value, .main-menu li.force-hover .panel .setting.integer .value {
  display: flex;
  flex-direction: row;
  place-items: center;
}
.main-menu li:hover .panel .setting.integer .value .range-value, .main-menu li.force-hover .panel .setting.integer .value .range-value {
  width: 2rem;
  margin: auto;
  background: var(--accent);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.main-menu li:hover .panel .setting .value, .main-menu li.force-hover .panel .setting .value {
  flex-grow: 1;
  min-width: 18rem;
}
.main-menu li:hover .panel .setting select, .main-menu li.force-hover .panel .setting select {
  width: 100%;
  background: var(--accent);
  border-color: var(--accent);
  color: var(--color);
  height: 2rem;
  border-radius: 0.25rem;
}
.main-menu li:hover .panel .setting input[type=range], .main-menu li.force-hover .panel .setting input[type=range] {
  appearance: none;
  margin-right: 15px;
  width: 200px;
  height: 7px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-size: 70% 100%;
  background-repeat: no-repeat;
}
.main-menu li:hover .panel .setting input[type=range]::-webkit-slider-thumb, .main-menu li.force-hover .panel .setting input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 2px 0 #555;
  transition: background 0.3s ease-in-out;
}
.main-menu .panel {
  display: none;
}
.main-menu .li-about:hover a, .main-menu .li-about.force-hover a {
  top: 0;
}
.main-menu .color-picker input {
  height: 2rem;
  border-radius: 0.25rem;
  background: var(--accent);
  color: var(--color);
  border: none;
  width: calc(100% - 0.75rem);
  background-image: unset !important;
  padding-left: 1rem !important;
}
.main-menu .icon-fenrus {
  position: relative;
  top: 7px;
}

.icon-fenrus {
  background: url("/favicon.svg?v=1aPJxhaomc1cYD9WcSLWDgRC4gM");
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon-fenrus:not(.coloured) {
  filter: grayscale(1) brightness(12);
}
.background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(var(--base-rgb), 0.7);
}

.fenrus-modal-background-overlay {
  z-index: 1001 !important;
}

.fenrus-modal {
  z-index: 1002;
  padding: 1rem;
}

@media screen and (min-width: 578.0001px) {
  .fenrus-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: min(28rem, 80vw);
    max-width: min(40rem, 80vw);
    box-shadow: 0 3px 10px rgba(var(--color-rgb), 0.1);
    background: rgba(var(--base-rgb), 0.9);
  }

  .fenrus-modal-footer {
    text-align: right;
  }

  .fenrus-modal-footer button {
    width: 8rem;
    padding: 0;
  }
  .fenrus-modal-footer button + button {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 578px) {
  .fenrus-modal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--base);
    display: flex;
    flex-direction: column;
  }

  .fenrus-modal-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .fenrus-modal-body {
    flex-grow: 1;
    position: relative;
  }

  .fenrus-modal-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .fenrus-modal-footer button {
    flex-grow: 1;
    flex-basis: 0;
    margin: auto;
  }

  .fenrus-modal-footer button + button {
    margin-left: 1rem;
  }
}
.fenrus-modal-title {
  color: var(--accent);
}

.fenrus-modal-body {
  margin: 1rem 0;
}

.fenrus-modal input[type=text], .fenrus-modal input[type=datetime-local] {
  margin-top: 1rem;
  width: calc(100% - 1rem);
  background: var(--input-background);
  color: var(--input-color);
  border: solid 1px var(--input-border);
  padding: 0.5rem;
}
.fenrus-modal input[type=text]:focus, .fenrus-modal input[type=datetime-local]:focus {
  outline: solid 1px var(--accent);
}

.fenrus-modal.change-password .field {
  display: flex;
  flex-direction: column;
}
.fenrus-modal.change-password .field .label {
  margin-bottom: 0.25rem;
}
.fenrus-modal.change-password .field + .field {
  margin-top: 1rem;
}
.fenrus-modal.change-password .field input[type=password] {
  width: calc(100% - 0.5rem);
  padding: 0.5rem;
  background: var(--input-background);
  border: solid 1px var(--input-border);
  color: var(--input-color);
}
pre[class*=language-],
code[class*=language-] {
  color: #d4d4d4;
  font-size: 1rem;
  text-shadow: none;
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::selection,
code[class*=language-]::selection,
pre[class*=language-] *::selection,
code[class*=language-] *::selection {
  text-shadow: none;
  background: #264F78;
}

@media print {
  pre[class*=language-],
code[class*=language-] {
    text-shadow: none;
  }
}
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  background: #1e1e1e;
}

:not(pre) > code[class*=language-] {
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  color: #db4c69;
  background: #1e1e1e;
}

/*********************************************************
* Tokens
*/
.namespace {
  opacity: 0.7;
}

.token.doctype .token.doctype-tag {
  color: #569CD6;
}

.token.doctype .token.name {
  color: #9cdcfe;
}

.token.comment,
.token.prolog {
  color: #6a9955;
}

.token.punctuation,
.language-html .language-css .token.punctuation,
.language-html .language-javascript .token.punctuation {
  color: #d4d4d4;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.inserted,
.token.unit {
  color: #b5cea8;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.deleted {
  color: #ce9178;
}

.language-css .token.string.url {
  text-decoration: underline;
}

.token.operator,
.token.entity {
  color: #d4d4d4;
}

.token.operator.arrow {
  color: #569CD6;
}

.token.atrule {
  color: #ce9178;
}

.token.atrule .token.rule {
  color: #c586c0;
}

.token.atrule .token.url {
  color: #9cdcfe;
}

.token.atrule .token.url .token.function {
  color: #dcdcaa;
}

.token.atrule .token.url .token.punctuation {
  color: #d4d4d4;
}

.token.keyword {
  color: #569CD6;
}

.token.keyword.module,
.token.keyword.control-flow {
  color: #c586c0;
}

.token.function,
.token.function .token.maybe-class-name {
  color: #dcdcaa;
}

.token.regex {
  color: #d16969;
}

.token.important {
  color: #569cd6;
}

.token.italic {
  font-style: italic;
}

.token.constant {
  color: #9cdcfe;
}

.token.class-name,
.token.maybe-class-name {
  color: #4ec9b0;
}

.token.console {
  color: #9cdcfe;
}

.token.parameter {
  color: #9cdcfe;
}

.token.interpolation {
  color: #9cdcfe;
}

.token.punctuation.interpolation-punctuation {
  color: #569cd6;
}

.token.boolean {
  color: #569cd6;
}

.token.property,
.token.variable,
.token.imports .token.maybe-class-name,
.token.exports .token.maybe-class-name {
  color: #9cdcfe;
}

.token.selector {
  color: #d7ba7d;
}

.token.escape {
  color: #d7ba7d;
}

.token.tag {
  color: #569cd6;
}

.token.tag .token.punctuation {
  color: #808080;
}

.token.cdata {
  color: #808080;
}

.token.attr-name {
  color: #9cdcfe;
}

.token.attr-value,
.token.attr-value .token.punctuation {
  color: #ce9178;
}

.token.attr-value .token.punctuation.attr-equals {
  color: #d4d4d4;
}

.token.entity {
  color: #569cd6;
}

.token.namespace {
  color: #4ec9b0;
}

/*********************************************************
* Language Specific
*/
pre[class*=language-javascript],
code[class*=language-javascript],
pre[class*=language-jsx],
code[class*=language-jsx],
pre[class*=language-typescript],
code[class*=language-typescript],
pre[class*=language-tsx],
code[class*=language-tsx] {
  color: #9cdcfe;
}

pre[class*=language-css],
code[class*=language-css] {
  color: #ce9178;
}

pre[class*=language-html],
code[class*=language-html] {
  color: #d4d4d4;
}

.language-regex .token.anchor {
  color: #dcdcaa;
}

.language-html .token.punctuation {
  color: #808080;
}

/*********************************************************
* Line highlighting
*/
pre[class*=language-] > code[class*=language-] {
  position: relative;
  z-index: 1;
}

.line-highlight.line-highlight {
  background: #f7ebc6;
  box-shadow: inset 5px 0 0 #f7d87c;
  z-index: 0;
}
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
}
::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 5px solid transparent;
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 0.3);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--accent-rgb), 0.8);
}

/* Hide scrollbar track */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Hide scrollbar corner */
::-webkit-scrollbar-corner {
  background-color: transparent;
}
.fenrus-page-body .main-content,
.side-editor .main-content,
body.initial-config-page .main-content {
  display: flex;
  overflow: auto;
}
.fenrus-page-body .main-content > div,
.side-editor .main-content > div,
body.initial-config-page .main-content > div {
  margin: auto;
}
.fenrus-page-body .page-description,
.side-editor .page-description,
body.initial-config-page .page-description {
  white-space: pre-wrap;
}
.fenrus-page-body input[type=text], .fenrus-page-body input[type=password], .fenrus-page-body input[type=number], .fenrus-page-body input[type=email], .fenrus-page-body select,
.side-editor input[type=text],
.side-editor input[type=password],
.side-editor input[type=number],
.side-editor input[type=email],
.side-editor select,
body.initial-config-page input[type=text],
body.initial-config-page input[type=password],
body.initial-config-page input[type=number],
body.initial-config-page input[type=email],
body.initial-config-page select {
  width: calc(100% - 1rem);
  padding: 0.5rem;
  background: var(--input-background);
  border: solid 1px var(--input-border);
  color: var(--input-color);
}
.fenrus-page-body input[type=text]:focus, .fenrus-page-body input[type=password]:focus, .fenrus-page-body input[type=number]:focus, .fenrus-page-body input[type=email]:focus, .fenrus-page-body select:focus,
.side-editor input[type=text]:focus,
.side-editor input[type=password]:focus,
.side-editor input[type=number]:focus,
.side-editor input[type=email]:focus,
.side-editor select:focus,
body.initial-config-page input[type=text]:focus,
body.initial-config-page input[type=password]:focus,
body.initial-config-page input[type=number]:focus,
body.initial-config-page input[type=email]:focus,
body.initial-config-page select:focus {
  outline: solid 1px var(--accent);
}
.fenrus-page-body input[type=text]:disabled, .fenrus-page-body input[type=password]:disabled, .fenrus-page-body input[type=number]:disabled, .fenrus-page-body input[type=email]:disabled, .fenrus-page-body select:disabled,
.side-editor input[type=text]:disabled,
.side-editor input[type=password]:disabled,
.side-editor input[type=number]:disabled,
.side-editor input[type=email]:disabled,
.side-editor select:disabled,
body.initial-config-page input[type=text]:disabled,
body.initial-config-page input[type=password]:disabled,
body.initial-config-page input[type=number]:disabled,
body.initial-config-page input[type=email]:disabled,
body.initial-config-page select:disabled {
  opacity: 0.5;
}
.fenrus-page-body select,
.side-editor select,
body.initial-config-page select {
  width: 100%;
}
.fenrus-page-body .settings-box,
.side-editor .settings-box,
body.initial-config-page .settings-box {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.fenrus-page-body .settings-box form,
.side-editor .settings-box form,
body.initial-config-page .settings-box form {
  width: 100%;
}
.fenrus-page-body .settings-box .items-header,
.side-editor .settings-box .items-header,
body.initial-config-page .settings-box .items-header {
  margin-top: 3rem;
}
.fenrus-page-body .settings-box .group-list,
.side-editor .settings-box .group-list,
body.initial-config-page .settings-box .group-list {
  border-top: solid 1px var(--border-color);
}
.fenrus-page-body .settings-box .setting,
.side-editor .settings-box .setting,
body.initial-config-page .settings-box .setting {
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.fenrus-page-body .settings-box .setting .label,
.side-editor .settings-box .setting .label,
body.initial-config-page .settings-box .setting .label {
  width: 16rem;
  min-width: 16rem;
  margin: 0.5rem 0 0;
}
.fenrus-page-body .settings-box .setting .value,
.side-editor .settings-box .setting .value,
body.initial-config-page .settings-box .setting .value {
  flex-grow: 1;
}
.fenrus-page-body .settings-box .setting .value.padtop,
.side-editor .settings-box .setting .value.padtop,
body.initial-config-page .settings-box .setting .value.padtop {
  margin: 0.5rem 0 0;
}
.fenrus-page-body .settings-box .setting .value a,
.side-editor .settings-box .setting .value a,
body.initial-config-page .settings-box .setting .value a {
  color: var(--color);
}
.fenrus-page-body .settings-box .setting .value ul:not(.livestats),
.side-editor .settings-box .setting .value ul:not(.livestats),
body.initial-config-page .settings-box .setting .value ul:not(.livestats) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fenrus-page-body .settings-box .setting .value ul:not(.livestats) li + li,
.side-editor .settings-box .setting .value ul:not(.livestats) li + li,
body.initial-config-page .settings-box .setting .value ul:not(.livestats) li + li {
  margin-top: 0.75rem;
}
.fenrus-page-body .settings-box td,
.side-editor .settings-box td,
body.initial-config-page .settings-box td {
  padding: 0.5rem;
}
.fenrus-page-body .settings-box tbody td,
.side-editor .settings-box tbody td,
body.initial-config-page .settings-box tbody td {
  border-bottom: solid 1px var(---border-color);
}
.fenrus-page-body .settings-box table,
.side-editor .settings-box table,
body.initial-config-page .settings-box table {
  width: 100%;
}
.fenrus-page-body .settings-box table tr > td,
.side-editor .settings-box table tr > td,
body.initial-config-page .settings-box table tr > td {
  width: min(30%, 10rem);
}
.fenrus-page-body .settings-box .color-picker input,
.side-editor .settings-box .color-picker input,
body.initial-config-page .settings-box .color-picker input {
  width: calc(100% - 1rem - 40px) !important;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats),
.side-editor .settings-box ul:not(.value-list):not(.livestats),
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) {
  margin: 0;
  padding: 0;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li {
  list-style: none;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li .name,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li .name,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li .name {
  flex-grow: 1;
  white-space: nowrap;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li .icon-sort + .name,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li .icon-sort + .name,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li .icon-sort + .name {
  margin-left: 1rem;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li .url,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li .url,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li .url {
  width: min(21rem, 40vw);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li .enabled,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li .enabled,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li .enabled {
  width: 6rem;
  min-width: 6rem;
  max-width: 6rem;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li .items,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li .items,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li .items {
  width: 14rem;
  text-align: center;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) > li.over,
.side-editor .settings-box ul:not(.value-list):not(.livestats) > li.over,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) > li.over {
  border: 3px dotted #666;
}
.fenrus-page-body .settings-box ul:not(.value-list):not(.livestats) .mover,
.side-editor .settings-box ul:not(.value-list):not(.livestats) .mover,
body.initial-config-page .settings-box ul:not(.value-list):not(.livestats) .mover {
  cursor: move;
  margin-right: 0.5rem;
}
.fenrus-page-body .settings-box button.invalid,
.side-editor .settings-box button.invalid,
body.initial-config-page .settings-box button.invalid {
  background: var(--error);
  color: var(--color);
}
.fenrus-page-body .settings-box .invalid,
.side-editor .settings-box .invalid,
body.initial-config-page .settings-box .invalid {
  border: solid 1px var(--error) !important;
}
.fenrus-page-body .settings-box .invalid:after,
.side-editor .settings-box .invalid:after,
body.initial-config-page .settings-box .invalid:after {
  content: url("./");
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
  bottom: 2px;
}
.fenrus-page-body .settings-box .item-icon-picker .db-item,
.side-editor .settings-box .item-icon-picker .db-item,
body.initial-config-page .settings-box .item-icon-picker .db-item {
  margin-bottom: 1rem;
}
.fenrus-page-body .settings-box p,
.side-editor .settings-box p,
body.initial-config-page .settings-box p {
  margin: 1rem;
  white-space: pre-line;
}
.fenrus-page-body td.controls,
.side-editor td.controls,
body.initial-config-page td.controls {
  padding-right: 1rem;
}
.fenrus-page-body .controls,
.side-editor .controls,
body.initial-config-page .controls {
  text-align: right;
  white-space: nowrap;
}
.fenrus-page-body .controls a, .fenrus-page-body .controls span,
.side-editor .controls a,
.side-editor .controls span,
body.initial-config-page .controls a,
body.initial-config-page .controls span {
  margin-left: 0.5rem;
  cursor: pointer;
  color: white;
  opacity: 0.7;
  text-decoration: none !important;
}
.fenrus-page-body .controls a:hover, .fenrus-page-body .controls span:hover,
.side-editor .controls a:hover,
.side-editor .controls span:hover,
body.initial-config-page .controls a:hover,
body.initial-config-page .controls span:hover {
  opacity: 1;
}
.fenrus-page-body #file-chooser-btn,
.side-editor #file-chooser-btn,
body.initial-config-page #file-chooser-btn {
  display: block;
}
.fenrus-page-body .modal-background,
.side-editor .modal-background,
body.initial-config-page .modal-background {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.fenrus-page-body .modal,
.side-editor .modal,
body.initial-config-page .modal {
  z-index: 101;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fenrus-page-body .modal, .fenrus-page-body .modal-box,
.side-editor .modal,
.side-editor .modal-box,
body.initial-config-page .modal,
body.initial-config-page .modal-box {
  display: flex;
  flex-direction: column;
  width: min(70vw, 36rem);
  background: rgba(0, 0, 0, 0.7);
  border: solid 1px var(--border-color);
}
.fenrus-page-body .modal-title,
.side-editor .modal-title,
body.initial-config-page .modal-title {
  font-size: 1.5rem;
  border-bottom: solid 1px var(--border-color);
  padding: 1rem 2rem;
}
.fenrus-page-body .modal-body,
.side-editor .modal-body,
body.initial-config-page .modal-body {
  padding: 1rem 2rem;
  margin: 2rem 0;
}
.fenrus-page-body .modal-buttons,
.side-editor .modal-buttons,
body.initial-config-page .modal-buttons {
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.fenrus-page-body .modal-buttons button + button,
.side-editor .modal-buttons button + button,
body.initial-config-page .modal-buttons button + button {
  margin-left: 1rem;
}
.fenrus-page-body .background-picker .image-preview,
.side-editor .background-picker .image-preview,
body.initial-config-page .background-picker .image-preview {
  width: auto;
  height: 150px;
  margin-bottom: 1rem;
}
.fenrus-page-body .background-picker .buttons,
.side-editor .background-picker .buttons,
body.initial-config-page .background-picker .buttons {
  display: flex;
  flex-direction: row;
}
.fenrus-page-body .background-picker .buttons .btn + .btn,
.side-editor .background-picker .buttons .btn + .btn,
body.initial-config-page .background-picker .buttons .btn + .btn {
  margin-left: 1rem !important;
}
.fenrus-page-body .user-list .list-header,
.side-editor .user-list .list-header,
body.initial-config-page .user-list .list-header {
  font-weight: bold;
}
.fenrus-page-body .user-list .controls,
.side-editor .user-list .controls,
body.initial-config-page .user-list .controls {
  width: 10rem;
  position: unset !important;
}
.fenrus-page-body .user-list .is-admin,
.side-editor .user-list .is-admin,
body.initial-config-page .user-list .is-admin {
  width: 8rem;
  text-align: center;
}
.fenrus-page-body .contains-toggle li span,
.side-editor .contains-toggle li span,
body.initial-config-page .contains-toggle li span {
  margin: auto;
}
.fenrus-page-body .contains-toggle li .controls,
.side-editor .contains-toggle li .controls,
body.initial-config-page .contains-toggle li .controls {
  position: relative;
  top: 0.15rem;
}
.fenrus-page-body .group-list .no-items,
.side-editor .group-list .no-items,
body.initial-config-page .group-list .no-items {
  width: 8rem;
}
.fenrus-page-body .group-list .enabled,
.side-editor .group-list .enabled,
body.initial-config-page .group-list .enabled {
  width: 6rem;
  text-align: center;
}
.fenrus-page-body .group-list .controls,
.side-editor .group-list .controls,
body.initial-config-page .group-list .controls {
  width: 4rem;
}
.fenrus-page-body .search-engine-list .enabled, .fenrus-page-body .search-engine-list .default,
.side-editor .search-engine-list .enabled,
.side-editor .search-engine-list .default,
body.initial-config-page .search-engine-list .enabled,
body.initial-config-page .search-engine-list .default {
  width: 8rem;
  text-align: center;
}
.fenrus-page-body .search-engine-list .controls,
.side-editor .search-engine-list .controls,
body.initial-config-page .search-engine-list .controls {
  width: 4rem;
}
.fenrus-page-body a.subpage,
.side-editor a.subpage,
body.initial-config-page a.subpage {
  text-decoration: none;
  height: 1.75rem;
  width: 1.75rem;
  display: flex;
  place-items: center;
  border: solid 2px white;
  border-radius: 1rem;
  float: right;
  cursor: pointer;
}
.fenrus-page-body a.subpage span,
.side-editor a.subpage span,
body.initial-config-page a.subpage span {
  margin: auto;
  position: relative;
  top: 1px;
  left: 1px;
}
.fenrus-page-body .help-text,
.side-editor .help-text,
body.initial-config-page .help-text {
  display: block;
  font-style: italic;
  color: var(--color-darkest);
  font-size: 0.9rem;
  white-space: pre-wrap;
}
.fenrus-page-body .settings-outer,
.side-editor .settings-outer,
body.initial-config-page .settings-outer {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: var(--base);
}
.fenrus-page-body .settings-menu,
.side-editor .settings-menu,
body.initial-config-page .settings-menu {
  width: 250px;
  min-width: 250px;
  background-color: rgba(var(--base-rgb), 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
}
.fenrus-page-body .settings-menu .logo,
.side-editor .settings-menu .logo,
body.initial-config-page .settings-menu .logo {
  margin: 1.5rem 1rem 1rem 2rem;
  display: flex;
  place-items: center;
}
.fenrus-page-body .settings-menu .logo img,
.side-editor .settings-menu .logo img,
body.initial-config-page .settings-menu .logo img {
  width: 2.5rem;
  margin-right: 0.5rem;
}
.fenrus-page-body .settings-menu .logo .title,
.side-editor .settings-menu .logo .title,
body.initial-config-page .settings-menu .logo .title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #ff0090;
  font-style: italic;
}
.fenrus-page-body .settings-menu .group,
.side-editor .settings-menu .group,
body.initial-config-page .settings-menu .group {
  margin-top: 2rem;
  text-transform: uppercase;
  padding-left: 0.75rem;
  margin-bottom: 0.5rem;
}
.fenrus-page-body .settings-menu ul,
.side-editor .settings-menu ul,
body.initial-config-page .settings-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
.fenrus-page-body .settings-menu li,
.side-editor .settings-menu li,
body.initial-config-page .settings-menu li {
  border-left: solid 0.5rem transparent;
}
.fenrus-page-body .settings-menu li:not(.group):hover,
.side-editor .settings-menu li:not(.group):hover,
body.initial-config-page .settings-menu li:not(.group):hover {
  background: rgba(var(--accent-rgb), 0.2);
}
.fenrus-page-body .settings-menu li.active,
.side-editor .settings-menu li.active,
body.initial-config-page .settings-menu li.active {
  background-color: rgba(var(--accent-rgb), 0.3);
  border-color: var(--accent);
}
.fenrus-page-body .settings-menu a,
.side-editor .settings-menu a,
body.initial-config-page .settings-menu a {
  color: var(--color);
  text-decoration: none;
  padding: 1rem;
  display: block;
  height: 1.25rem;
  display: flex;
  place-items: center;
  padding-left: 2rem;
}
.fenrus-page-body .settings-menu span[class^=fa-],
.fenrus-page-body .settings-menu span[class^=icon-],
.side-editor .settings-menu span[class^=fa-],
.side-editor .settings-menu span[class^=icon-],
body.initial-config-page .settings-menu span[class^=fa-],
body.initial-config-page .settings-menu span[class^=icon-] {
  font-size: 1.5rem;
  width: 2rem;
  text-align: center;
  display: block;
  margin-right: 0.5rem;
}
.fenrus-page-body .settings-content,
.side-editor .settings-content,
body.initial-config-page .settings-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100vh;
}
.fenrus-page-body .settings-content > div,
.side-editor .settings-content > div,
body.initial-config-page .settings-content > div {
  display: flex;
  flex-direction: column;
}
.fenrus-page-body .settings-content .page-description,
.side-editor .settings-content .page-description,
body.initial-config-page .settings-content .page-description {
  height: unset;
  margin: 1rem 3rem;
  white-space: pre-wrap;
}
.fenrus-page-body .settings-content .top-row,
.side-editor .settings-content .top-row,
body.initial-config-page .settings-content .top-row {
  height: 3.5rem;
  min-height: 3.5rem;
  display: flex !important;
  flex-direction: row;
  padding: 0 1.5rem;
  align-items: center;
}
.fenrus-page-body .settings-content .top-row input[type=text],
.side-editor .settings-content .top-row input[type=text],
body.initial-config-page .settings-content .top-row input[type=text] {
  width: calc(100% - 1rem);
  padding: 7px 0 3px;
  margin-left: 0.5rem;
  background: transparent;
  border: none;
  font-size: 1em;
  border-bottom: solid 1px var(--accent);
  color: var(--input-color);
}
.fenrus-page-body .settings-content .top-row input[type=text]:focus,
.side-editor .settings-content .top-row input[type=text]:focus,
body.initial-config-page .settings-content .top-row input[type=text]:focus {
  outline: none;
}
.fenrus-page-body .settings-content .top-row .title,
.side-editor .settings-content .top-row .title,
body.initial-config-page .settings-content .top-row .title {
  align-items: center;
  font-size: 1.15rem;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  width: 100%;
}
.fenrus-page-body .settings-content .top-row .title span[class^=icon-],
.side-editor .settings-content .top-row .title span[class^=icon-],
body.initial-config-page .settings-content .top-row .title span[class^=icon-] {
  color: var(--accent);
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.fenrus-page-body .settings-content .top-row .buttons,
.side-editor .settings-content .top-row .buttons,
body.initial-config-page .settings-content .top-row .buttons {
  white-space: nowrap;
  margin-left: 1rem;
  margin-right: -0.5rem;
}
.fenrus-page-body .settings-content .top-row .allow-register-label,
.side-editor .settings-content .top-row .allow-register-label,
body.initial-config-page .settings-content .top-row .allow-register-label {
  white-space: nowrap;
  padding-right: 1rem;
}
.fenrus-page-body .settings-content .list,
.side-editor .settings-content .list,
body.initial-config-page .settings-content .list {
  margin: 2rem;
}
.fenrus-page-body .list-toolbar,
.side-editor .list-toolbar,
body.initial-config-page .list-toolbar {
  display: flex;
  flex-direction: row;
  margin: 0.5rem;
}
.fenrus-page-body .list-toolbar > span, .fenrus-page-body .list-toolbar a,
.side-editor .list-toolbar > span,
.side-editor .list-toolbar a,
body.initial-config-page .list-toolbar > span,
body.initial-config-page .list-toolbar a {
  text-decoration: none;
  cursor: pointer;
  color: rgba(var(--color-rgb), 0.8);
  text-transform: uppercase;
}
.fenrus-page-body .list-toolbar > span span[class^=icon-], .fenrus-page-body .list-toolbar a span[class^=icon-],
.side-editor .list-toolbar > span span[class^=icon-],
.side-editor .list-toolbar a span[class^=icon-],
body.initial-config-page .list-toolbar > span span[class^=icon-],
body.initial-config-page .list-toolbar a span[class^=icon-] {
  margin-right: 0.25rem;
}
.fenrus-page-body .list-toolbar > span:hover, .fenrus-page-body .list-toolbar a:hover,
.side-editor .list-toolbar > span:hover,
.side-editor .list-toolbar a:hover,
body.initial-config-page .list-toolbar > span:hover,
body.initial-config-page .list-toolbar a:hover {
  color: var(--color);
}
.fenrus-page-body .modal-wrapper,
.side-editor .modal-wrapper,
body.initial-config-page .modal-wrapper {
  display: none;
}
.fenrus-page-body .modal-wrapper.visible,
.side-editor .modal-wrapper.visible,
body.initial-config-page .modal-wrapper.visible {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}
.fenrus-page-body .modal-wrapper .modal-body,
.side-editor .modal-wrapper .modal-body,
body.initial-config-page .modal-wrapper .modal-body {
  display: flex;
  flex-direction: column;
}
.fenrus-page-body .modal-wrapper .modal-body > * + *,
.side-editor .modal-wrapper .modal-body > * + *,
body.initial-config-page .modal-wrapper .modal-body > * + * {
  margin-top: 0.5rem;
}
.fenrus-page-body #add-group-item,
.side-editor #add-group-item,
body.initial-config-page #add-group-item {
  margin-right: 1rem;
  position: absolute;
  bottom: 2rem;
  right: 3rem;
  transform: scale(1.5);
  z-index: 3;
}
.fenrus-page-body .preview-dashboard,
.side-editor .preview-dashboard,
body.initial-config-page .preview-dashboard {
  overflow: auto;
  flex-grow: 1;
}
.fenrus-page-body .preview-dashboard .db-item .actions,
.side-editor .preview-dashboard .db-item .actions,
body.initial-config-page .preview-dashboard .db-item .actions {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}
.fenrus-page-body .preview-dashboard .db-item .actions span,
.side-editor .preview-dashboard .db-item .actions span,
body.initial-config-page .preview-dashboard .db-item .actions span {
  font-size: 1.4rem;
  cursor: pointer;
  padding: 3px;
}
.fenrus-page-body .preview-dashboard .db-item:hover .actions,
.side-editor .preview-dashboard .db-item:hover .actions,
body.initial-config-page .preview-dashboard .db-item:hover .actions {
  display: flex;
  flex-flow: wrap;
}
.fenrus-page-body .app-info-item,
.side-editor .app-info-item,
body.initial-config-page .app-info-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.fenrus-page-body .app-info-item .label,
.side-editor .app-info-item .label,
body.initial-config-page .app-info-item .label {
  width: 10rem;
  min-width: 10rem;
}
.fenrus-page-body .app-info-item a,
.side-editor .app-info-item a,
body.initial-config-page .app-info-item a {
  color: var(--accent);
}
.fenrus-page-body .content > .tabs,
.side-editor .content > .tabs,
body.initial-config-page .content > .tabs {
  margin-top: 1rem;
}
.fenrus-page-body .tabs,
.side-editor .tabs,
body.initial-config-page .tabs {
  display: flex;
  flex-direction: column;
}
.fenrus-page-body .tabs .tab-buttons,
.side-editor .tabs .tab-buttons,
body.initial-config-page .tabs .tab-buttons {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px var(--accent, #ff0090);
  padding-left: 1rem;
}
.fenrus-page-body .tabs .tab-buttons button,
.side-editor .tabs .tab-buttons button,
body.initial-config-page .tabs .tab-buttons button {
  border: 1px solid var(--border-color);
  position: relative;
  bottom: -2px;
}
.fenrus-page-body .tabs .tab-buttons button.active,
.side-editor .tabs .tab-buttons button.active,
body.initial-config-page .tabs .tab-buttons button.active {
  border-color: var(--accent, #ff0090);
  border-bottom: 2px solid var(--base);
}
.fenrus-page-body .tabs .tabpage,
.side-editor .tabs .tabpage,
body.initial-config-page .tabs .tabpage {
  margin-top: 1rem;
  display: none;
  flex-grow: 1;
}
.fenrus-page-body .tabs .tabpage.active,
.side-editor .tabs .tabpage.active,
body.initial-config-page .tabs .tabpage.active {
  display: unset;
}
.toast {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 320px;
  max-height: 120px;
  overflow: hidden;
  padding: 16px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}
.toast.success {
  background-color: #28a745;
  color: #fff;
}
.toast.success i {
  color: #fff;
}
.toast.warning {
  background-color: #ffc107;
  color: #000;
}
.toast.warning i {
  color: #000;
}
.toast.info {
  background-color: #17a2b8;
  color: #fff;
}
.toast.info i {
  color: #fff;
}
.toast.error {
  background-color: #dc3545;
  color: #fff;
}
.toast.error i {
  color: #fff;
}
.toast i {
  font-size: 24px;
  margin-right: 16px;
  opacity: 0.8;
}
.toast .message {
  flex: 1;
}
.toast .close {
  cursor: pointer;
  font-size: 16px;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
}
.toast .close:hover {
  opacity: 1;
}
.update-history-table {
  user-select: none;
}
.update-history-table .date {
  width: unset;
}
.update-history-table .success {
  width: 10rem;
  text-align: center;
}
.update-history-table tbody tr:hover td {
  background: rgba(var(--accent-rgb), 0.3);
}
.update-history-table tr.selected {
  background: rgba(var(--accent-rgb), 0.5);
}

#update-history-data-wrapper.expanded {
  flex-grow: 1;
  overflow: hidden;
}

#update-history-log-wrapper.expanded, #update-history-response-wrapper.expanded {
  height: 30vh;
}

#update-history-data {
  display: flex;
  flex-direction: column;
  padding: 0;
}
#update-history-data > div {
  overflow: auto;
  flex-grow: 1;
}
#update-history-data .table-header {
  padding: 0.5rem 1rem;
  overflow: unset;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  flex-grow: unset;
  color: var(--color);
  background: #333a3b61;
}
#update-history-data .table-header .Date {
  flex-grow: 1;
}
#update-history-data .table-header .Success {
  width: 8.5rem;
  text-align: center;
}

.css-collapsible {
  display: flex;
  flex-direction: column;
}
.css-collapsible input[type=checkbox] {
  display: none;
}
.css-collapsible .lbl-toggle {
  display: block;
  font-weight: bold;
  padding: 1rem;
  color: var(--color);
  background: #131B1C;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
.css-collapsible .lbl-toggle:hover {
  background: rgba(var(--accent-rgb), 0.3);
}
.css-collapsible .lbl-toggle::before {
  content: " ";
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: 0.7rem;
  transform: translateY(-2px);
  transition: transform 0.2s ease-out;
}
.css-collapsible.expanded .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}
.css-collapsible.collapsed .collapsible-content {
  display: none;
}
.css-collapsible .collapsible-content {
  overflow: auto;
  transition: max-height 0.25s ease-in-out;
  height: 100%;
}
.css-collapsible .collapsible-content .content-inner {
  padding: 0.5rem 1rem;
  white-space: pre-wrap;
  overflow: auto;
  height: calc(100% - 1rem);
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */
/**
 *  Default styles for xterm.js
 */
.xterm {
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
  outline: none;
}

.xterm .xterm-helpers {
  position: absolute;
  top: 0;
  /**
   * The z-index of the helpers must be higher than the canvases in order for
   * IMEs to appear on top.
   */
  z-index: 5;
}

.xterm .xterm-helper-textarea {
  padding: 0;
  border: 0;
  margin: 0;
  /* Move textarea out of the screen to the far left, so that the cursor is not visible */
  position: absolute;
  opacity: 0;
  left: -9999em;
  top: 0;
  width: 0;
  height: 0;
  z-index: -5;
  /** Prevent wrapping so the IME appears against the textarea at the correct position */
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}

.xterm .composition-view {
  /* TODO: Composition position got messed up somewhere */
  background: #000;
  color: #FFF;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

.xterm .composition-view.active {
  display: block;
}

.xterm .xterm-viewport {
  /* On OS X this is required in order for the scroll bar to appear fully opaque */
  background-color: #000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.xterm .xterm-screen {
  position: relative;
}

.xterm .xterm-screen canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.xterm .xterm-scroll-area {
  visibility: hidden;
}

.xterm-char-measure-element {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999em;
  line-height: normal;
}

.xterm {
  cursor: text;
}

.xterm.enable-mouse-events {
  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
  cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
  cursor: pointer;
}

.xterm.column-select.focus {
  /* Column selection mode */
  cursor: crosshair;
}

.xterm .xterm-accessibility,
.xterm .xterm-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  color: transparent;
}

.xterm .live-region {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.xterm-dim {
  opacity: 0.5;
}

.xterm-underline {
  text-decoration: underline;
}

.xterm-strikethrough {
  text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
  z-index: 6;
  position: absolute;
}
#fdrive-files-address {
  direction: rtl;
  overflow: hidden;
  background: #1c1c1c;
  padding: 2px;
  margin: 0.5rem 0 0.5rem 0.5rem;
  flex-grow: 1;
  border-radius: 7px;
}
#fdrive-files-address .address-bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  white-space: nowrap;
}
#fdrive-files-address button {
  font-size: 0.9rem;
  background: transparent;
  border: none;
  color: rgba(var(--color-rgb), 0.7);
  height: calc(100% - 0.6rem);
  margin: 0.25rem;
  padding: 0 0.75rem;
  border-radius: 0.35rem;
}
#fdrive-files-address button i {
  margin-right: 0.25rem;
}
#fdrive-files-address button:hover {
  background: rgba(var(--accent-rgb), 0.3);
  color: var(--color);
}
#fdrive-files-address button:first-child {
  font-weight: bold;
  color: var(--color);
}
#fdrive-files-address .address-bar button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}
#fdrive-files-address .address-bar button:hover {
  text-decoration: none;
}
#fdrive-files-address.searching {
  display: flex;
  flex-direction: row;
}
#fdrive-files-address.searching i {
  width: 2rem;
  opacity: 0.3;
  padding-top: 0.65rem;
}
#fdrive-files-address.searching i.fa-xmark {
  cursor: pointer;
}
#fdrive-files-address.searching i.fa-xmark:hover {
  opacity: 1;
}
#fdrive-files-address.searching .file-search {
  flex-grow: 1;
  height: 100%;
  text-align: left;
  background: transparent;
  color: var(--color);
  border: none;
  outline: none;
  direction: ltr;
  font-size: 0.9rem;
}

#fdrive-files .btn-file-search {
  position: absolute;
  background: var(--base);
  right: 5.9rem;
  top: 7px;
  padding: 0.5rem;
  border: solid 1px var(--border-color);
  border-radius: 0.5rem;
  font-size: 1rem;
  background: none;
  cursor: pointer;
  color: rgba(var(--color-rgb), 0.7);
  display: flex;
  align-items: center;
  height: 2rem;
}
#fdrive-files .btn-file-search i {
  opacity: 0.5;
}
#fdrive-files .btn-file-search:hover {
  color: var(--color);
}
#fdrive-apps {
  --grid-width: 7em;
  --grid-height: 8em;
  --font-size:0.95em;
}
#fdrive-apps #apps-actual {
  padding: 1em;
  width: calc(100% - 2em);
  height: calc(100% - var(--tabs-height));
  user-select: none;
  font-size: 0.9rem;
}
#fdrive-apps .group + .group {
  margin-top: 1em;
}
#fdrive-apps .group > .title {
  display: block;
  font-size: calc(var(--font-size) * 1.1);
  margin: 0 0 0.5em 0.5em;
  text-transform: uppercase;
}
#fdrive-apps .group .apps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--grid-width), 1fr));
  grid-auto-rows: var(--grid-height);
  grid-gap: 0;
}
#fdrive-apps .drive-app {
  width: 100%;
  height: var(--grid-height);
  cursor: pointer;
}
#fdrive-apps .drive-app.selected .drive-app-inner {
  background: rgba(var(--accent-rgb), 0.3) !important;
}
#fdrive-apps .drive-app.selected .drive-app-inner:hover {
  background: rgba(var(--accent-rgb), 0.4) !important;
}
#fdrive-apps .drive-app-inner {
  position: relative;
  overflow: hidden;
  margin: 0.25em;
  padding: 0.25em;
  width: calc(100% - 1em);
  height: calc(100% - 1em);
  border-radius: 0.5em;
}
#fdrive-apps .drive-app-inner:hover {
  background: rgba(var(--accent-rgb), 0.4) !important;
}
#fdrive-apps .name {
  text-align: center;
  word-break: break-word;
  display: block;
  font-size: var(--font-size);
  height: calc(45% - 0.5em);
  text-overflow: ellipsis;
  overflow: hidden;
}
#fdrive-apps .icon {
  width: calc(100% - 2em);
  padding: 0 1em 0.25em;
  height: 60%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 0.25em;
}
#fdrive-apps .icon img:not(.shortcut) {
  border-radius: 0.25em;
  object-fit: contain;
  max-width: 120%;
}
#fdrive-apps .icon i {
  font-size: 10em;
}
#fdrive-apps .shortcut {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  object-fit: contain;
  bottom: 0.25em;
  left: 0.5em;
}

#fdrive-apps-iframe, #fdrive-apps-terminal {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2em;
  height: calc(100% - 4em);
  width: calc(100% - 4em);
  transition: transform 0.2s ease-in-out;
  transform: translateX(100%);
  background: var(--base);
  flex-direction: column;
  background: #1e1e1e;
}
#fdrive-apps-iframe.visible, #fdrive-apps-terminal.visible {
  transform: translateX(0);
  display: flex;
  z-index: 5;
}
#fdrive-apps-iframe .app-target-container, #fdrive-apps-terminal .app-target-container {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #090909;
  background-color: #222;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  color: var(--color);
  border-radius: 1em;
}
#fdrive-apps-iframe .app-target-container .header, #fdrive-apps-terminal .app-target-container .header {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2em);
  height: 50px;
  background-color: #2a2a2a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}
#fdrive-apps-iframe .app-target-container .header .controls, #fdrive-apps-terminal .app-target-container .header .controls {
  display: flex;
  align-items: center;
}
#fdrive-apps-iframe .app-target-container .header .controls button + button, #fdrive-apps-terminal .app-target-container .header .controls button + button {
  margin-left: 0.75em;
}
#fdrive-apps-iframe .app-target-container .header .controls button, #fdrive-apps-terminal .app-target-container .header .controls button {
  color: var(--color);
  border: none;
  font-size: 1em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
#fdrive-apps-iframe .app-target-container .header .controls .btn-newtab, #fdrive-apps-terminal .app-target-container .header .controls .btn-newtab {
  background: var(--info);
}
#fdrive-apps-iframe .app-target-container .header .controls .btn-refresh, #fdrive-apps-terminal .app-target-container .header .controls .btn-refresh {
  background: var(--success);
}
#fdrive-apps-iframe .app-target-container .header .controls .btn-close, #fdrive-apps-terminal .app-target-container .header .controls .btn-close {
  background-color: var(--danger);
}
#fdrive-apps-iframe .app-target-container .header .address-bar, #fdrive-apps-terminal .app-target-container .header .address-bar {
  display: flex;
  align-items: center;
  flex-grow: 1;
  transition: background-color 0.2s ease-in-out;
  background-color: #090909;
  border-radius: 0.75em;
  padding: 0.5em 1em;
  margin-right: 10px;
  width: calc(100% - 3em);
  display: flex;
  flex-direction: row;
}
#fdrive-apps-iframe .app-target-container .header .address-bar img:not(.shortcut), #fdrive-apps-terminal .app-target-container .header .address-bar img:not(.shortcut) {
  height: 90%;
  width: 2em;
  margin-right: 0.5em;
  object-fit: contain;
}
#fdrive-apps-iframe .app-target-container .header .address-bar input[type=text], #fdrive-apps-terminal .app-target-container .header .address-bar input[type=text] {
  height: 1.5em;
  border: none;
  font-size: 1.1em;
  background: transparent;
  flex-grow: 1;
  color: var(--color);
}
#fdrive-apps-iframe .app-target-container .header .address-bar input[type=text]:focus, #fdrive-apps-terminal .app-target-container .header .address-bar input[type=text]:focus {
  background-color: black;
  outline: none;
}
#fdrive-apps-iframe .app-target-container .inner-container, #fdrive-apps-terminal .app-target-container .inner-container {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#fdrive-apps-iframe .app-target-container .inner-container iframe, #fdrive-apps-iframe .app-target-container .inner-container > div, #fdrive-apps-terminal .app-target-container .inner-container iframe, #fdrive-apps-terminal .app-target-container .inner-container > div {
  width: 100%;
  height: 100%;
  border: none;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}
#fdrive-apps-iframe .app-target-container .inner-container > div, #fdrive-apps-terminal .app-target-container .inner-container > div {
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  padding: 1em;
  background: #000;
}
#fdrive-email #email-actual .email {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 3rem 1fr 8rem;
  grid-gap: 10px;
  align-items: center;
  margin: 0.5rem 0 0.5rem 1rem;
  background: #222222;
  border-radius: 0.5rem;
  padding: 0.5rem;
  user-select: none;
  color: rgba(var(--color-rgb), 0.7);
}
#fdrive-email #email-actual .email:not(.seen) {
  color: var(--color);
  font-weight: 600;
}
#fdrive-email #email-actual .email:not(.seen) .icon {
  position: relative;
}
#fdrive-email #email-actual .email:not(.seen) .icon::after {
  content: "NEW";
  position: absolute;
  border: solid 1px;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  bottom: -0.25rem;
  padding: 0.2rem;
  left: 0.75rem;
  background: #222;
}
#fdrive-email #email-actual .email.selected {
  background: rgba(var(--accent-rgb), 0.4);
}
#fdrive-email #email-actual .email:hover {
  cursor: pointer;
  background: rgba(var(--accent-rgb), 0.6);
}
#fdrive-email #email-actual .email .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 1/span 2;
  grid-column: 1;
  border-radius: 50%;
  background: #1a1a1a;
  font-size: 1.2rem;
  height: 2.5rem;
  width: 2.5rem;
}
#fdrive-email #email-actual .email .sender {
  grid-row: 1;
  grid-column: 2;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#fdrive-email #email-actual .email .date {
  grid-row: 1;
  grid-column: 3;
  text-align: right;
  padding-right: 0.5rem;
}
#fdrive-email #email-actual .email .subject {
  grid-row: 2;
  grid-column: 2/span 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#fdrive-email-message .email-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 10px;
}
#fdrive-email-message .email-header-subject {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  font-size: 1.5rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fdrive-email-message .email-header-actions {
  display: flex;
  grid-column: 2/span 1;
  grid-row: 1/span 1;
}
#fdrive-email-message .email-header-info {
  grid-column: 1/span 2;
  grid-row: 2/span 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: repeat(4, auto);
  background: #222222;
  border-radius: 1rem;
  padding: 0.5rem;
}
#fdrive-email-message .email-header-info .email-header-icon {
  grid-column: 1/2;
  grid-row: 1/span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1a1a1a;
  font-size: 1.4rem;
  height: 3rem;
  width: 3rem;
  margin-top: 0.5rem;
}
#fdrive-email-message .email-header-info .email-header-from {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 10px;
}
#fdrive-email-message .email-header-info .email-header-to {
  grid-column: 2/3;
  grid-row: 2/3;
  padding: 10px;
}
#fdrive-email-message .email-header-info .email-header-date {
  grid-column: 3/4;
  grid-row: 1/2;
  padding: 10px;
}
#fdrive-email-message .email-body {
  flex-grow: 1;
  white-space: pre-wrap;
  margin-top: 1rem;
  border-radius: 1rem;
  position: relative;
  background: #222;
  /* Optional: set the box-sizing property to border-box to make box sizing more intuitive */
}
#fdrive-email-message .email-body * {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
#fdrive-email-message .email-body *,
#fdrive-email-message .email-body *::before,
#fdrive-email-message .email-body *::after {
  box-sizing: border-box;
}
#fdrive-email-message .email-body .email-body-content {
  margin: 1rem;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  right: 0;
  overflow: auto;
  border-radius: 1rem;
}
#fdrive-email-message .email-body.dark .email-body-content > div {
  background: #ddd;
  color: #000;
  filter: invert(1);
}
#fdrive-email-message .email-body.dark img {
  filter: invert(1);
}

.initials-a {
  color: #ff6347;
}

.initials-b {
  color: #87cefa;
}

.initials-c {
  color: #ff69b4;
}

.initials-d {
  color: #7fff00;
}

.initials-e {
  color: #00bfff;
}

.initials-f {
  color: #ff8c00;
}

.initials-g {
  color: #4169e1;
}

.initials-h {
  color: #ffa07a;
}

.initials-i {
  color: #1e90ff;
}

.initials-j {
  color: #ff00ff;
}

.initials-k {
  color: #008080;
}

.initials-l {
  color: #dc143c;
}

.initials-m {
  color: #00ff7f;
}

.initials-n {
  color: #9932cc;
}

.initials-o {
  color: #ffd700;
}

.initials-p {
  color: #add8e6;
}

.initials-q {
  color: #9400d3;
}

.initials-r {
  color: #ffff00;
}

.initials-s {
  color: #00ffff;
}

.initials-t {
  color: #ffa500;
}

.initials-u {
  color: #a0522d;
}

.initials-v {
  color: #00fa9a;
}

.initials-w {
  color: #b22222;
}

.initials-x {
  color: #00ced1;
}

.initials-y {
  color: #ff69b4;
}

.initials-z {
  color: #8b008b;
}

.initials-digit {
  color: #f0e68c;
}

.initials-other {
  color: #add8e6;
}
#fdrive-wrapper {
  position: relative;
  --tabs-height:5.5rem;
  --tab-icon-height:2.5rem;
}
#fdrive-wrapper.init-done {
  transition: width 0.5s ease-in-out, min-width 0.5s ease-in-out;
}
#fdrive-wrapper.is-resizing {
  transition: none !important;
  user-select: none;
}
#fdrive-wrapper .expander {
  position: absolute;
  user-select: none;
  top: 50%;
  transform: translateY(-50%);
  right: -2rem;
  width: 2rem;
  height: 13rem;
  background: #111111ee;
  z-index: 2;
  border: solid 1px var(--border-color);
  border-left: solid 1px #111111ee;
  cursor: pointer;
  opacity: 0.75;
}
#fdrive-wrapper .expander:has(+ .resizer:hover) {
  border-left: solid 7px #111111ee;
}
#fdrive-wrapper .expander:hover {
  opacity: 1;
}
#fdrive-wrapper .expander > span {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
  text-align: center;
  width: 100%;
  height: calc(100% - 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.3rem;
}
#fdrive-wrapper .expander > span > i {
  transform: rotate(90deg);
  padding-right: 1.5rem;
  padding-top: 0.25rem;
}
#fdrive-wrapper .expander > i {
  position: relative;
  top: 0.65rem;
  left: 0.65rem;
}
#fdrive-wrapper .resizer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--border-color);
  z-index: 1;
  cursor: ew-resize;
}
#fdrive-wrapper.is-resizing .resizer, #fdrive-wrapper .resizer:hover {
  width: 6px;
}
#fdrive-wrapper .fdrive-inner {
  height: 100%;
  overflow: hidden;
  background: #111111ee;
  position: relative;
}
#fdrive-wrapper.collapsed {
  width: 0 !important;
  min-width: 0 !important;
}
#fdrive-wrapper.expanded .expander {
  opacity: 1;
}
#fdrive-wrapper.expanded .expander > i {
  transform: rotate(-180deg);
}
@media screen and (max-width: 1000px) {
  #fdrive-wrapper.expanded .nope-fdrive-inner {
    width: min(90vw, 40rem);
  }
  #fdrive-wrapper.expanded .nope-fdrive-inner #calendar-actual {
    width: min(90vw, 40rem);
  }
}
@media screen and (min-width: 1000.001px) {
  #fdrive-wrapper.expanded .nope-fdrive-inner {
    width: 60rem;
  }
  #fdrive-wrapper.expanded .nope-fdrive-inner #calendar-actual {
    width: 60rem;
  }
}
#fdrive-wrapper .fdrive-add-button > i {
  position: absolute;
  bottom: 6.5rem;
  right: 2.5rem;
  padding: 1rem;
  border-radius: 51rem;
  background: rgba(var(--accent-rgb), 0.3);
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
  font-size: 2rem;
  font-weight: 900;
  color: var(--color);
  width: 2rem;
  height: 2rem;
  margin: auto;
  -webkit-text-stroke: 0.5rem var(--color);
}
#fdrive-wrapper .fdrive-add-button > i:hover {
  background: rgba(var(--accent-rgb), 0.7);
  transform: scale(1.1);
}
@-moz-document url-prefix() {
  #fdrive-wrapper .fdrive-add-button > i {
    text-shadow: -1px -1px 0 var(--color), 1px -1px 0 var(--color), -1px 1px 0 var(--color), 1px 1px 0 var(--color), -2px -2px 0 var(--color), 2px -2px 0 var(--color), -2px 2px 0 var(--color), 2px 2px 0 var(--color);
  }
}
#fdrive-wrapper .fdrive-add-button > i::before {
  position: relative;
  left: 1px;
}
#fdrive-wrapper .content {
  width: calc(100% - 0.5rem);
  height: calc(100% - var(--tabs-height));
  min-height: calc(100% - var(--tabs-height));
  overflow: auto;
}
#fdrive-wrapper .fdrive-tabs {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: var(--tabs-height);
  display: flex;
  flex-direction: row;
}
#fdrive-wrapper .fdrive-tabs > div {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
  font-size: 1rem;
  flex-direction: column;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3rem;
  opacity: 0.2;
  background: #000;
  user-select: none;
}
@media screen and (max-width: 1000px) {
  #fdrive-wrapper .fdrive-tabs > div {
    font-size: 0.9rem;
  }
}
#fdrive-wrapper .fdrive-tabs > div.active {
  opacity: 1;
  background: unset;
}
#fdrive-wrapper .fdrive-tabs i {
  font-size: 2rem;
  text-align: center;
  height: var(--tab-icon-height);
  display: block;
}
#fdrive-wrapper .fdrive-tabs svg {
  padding-bottom: 0.6rem;
  height: calc(var(--tab-icon-height) - 0.6rem);
}
#fdrive-wrapper .fdrive-tabs img {
  padding-bottom: 0.6rem;
  height: calc(var(--tab-icon-height) - 0.6rem);
}
#fdrive-wrapper .fdrive-tabs span.label {
  font-size: 0.7rem;
  display: block;
  text-align: center;
}
#fdrive-wrapper .fdrive-modes {
  height: calc(100% - var(--tabs-height));
}
#fdrive-wrapper .fdrive-modes .fdrive-pane-title {
  height: 3rem;
}
#fdrive-wrapper .fdrive-modes > div {
  height: 100%;
}
#fdrive-wrapper .fdrive-modes > div:not(.visible) {
  display: none !important;
}

.media {
  position: relative;
  transition: opacity 0.25s ease-in-out;
}
.media .controls {
  position: absolute;
  bottom: 4rem;
  left: 1rem;
  font-size: 2rem;
  display: none;
}
.media .controls > i {
  cursor: pointer;
  position: absolute;
}
.media .controls .delete {
  left: 0.85rem;
  top: 0.7rem;
  color: rgba(var(--color-rgb), 0.8);
}
.media .controls .fa-circle {
  color: rgba(var(--accent-rgb), 0.3);
  font-size: 3.5rem;
}
.media .controls:hover .delete {
  color: var(--color);
}
.media .controls:hover .fa-circle {
  color: rgba(var(--accent-rgb), 0.7);
}
.media:hover .controls {
  display: unset;
}

.media:hover {
  opacity: 1;
}

body.drawer-item-opened ul.main-menu {
  display: none;
}
body.drawer-item-opened .expander {
  display: none;
}
.fdrive-item-content {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2rem;
  height: calc(100% - 4rem);
  width: calc(100% - 4rem);
  transition: transform 0.2s ease-in-out;
  transform: translateX(100%);
  background: var(--base);
  flex-direction: column;
}
.fdrive-item-content.visible {
  transform: translateX(0);
  display: flex;
  z-index: 5;
}
.fdrive-item-content .header button {
  background-color: #222222;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: var(--color);
  border-radius: 0.5rem;
  height: 2.5rem;
  width: 3rem;
}
.fdrive-item-content .header button + button {
  margin-left: 0.5rem;
}
.fdrive-item-content .header button:hover {
  background: rgba(var(--accent-rgb), 0.4);
}
body {
  --fc-button-bg-color: var(--base);
  --fc-button-border-color: rgba(var(--accent-rgb), 0.7);
  --fc-button-text-color: var(--color);
  --fc-button-hover-bg-color: var(--base);
  --fc-button-hover-border-color: var(--accent);
  --fc-button-active-bg-color: var(--base);
  --fc-button-active-border-color: var(--accent);
  --fc-non-business-color: rgba(var(--color-rgb), 0.05);
  --fc-border-color: var(--border-color);
  --fc-event-bg-color: rgba(var(--accent-rgb), 0.3);
  --fc-event-border-color: var(--accent);
  --fc-today-bg-color: rgba(var(--accent-rgb), 0.3);
  --fc-small-font-size: 1rem;
  --fc-neutral-bg-color: var(--base);
  --fc-list-event-hover-bg-color:rgba(var(--accent-rgb), 0.3);
  --fc-highlight-color: rgba(var(--accent-rgb), 0.2);
}

#fdrive-wrapper.small #calendar-actual {
  padding-top: 0.5rem !important;
}
#fdrive-wrapper.small .fc-header-toolbar {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
#fdrive-wrapper.small .fc-header-toolbar > div {
  text-align: right;
}
#fdrive-wrapper.small .fc-header-toolbar > div:nth-child(2n) {
  grid-row: 1;
  grid-column: 1/span 2;
}
#fdrive-wrapper.small .fc-header-toolbar > div:first-child {
  grid-row: 2;
  grid-column: 1;
  text-align: left;
}
#fdrive-wrapper.small .fc-header-toolbar > div:last-child {
  grid-row: 2;
  grid-column: 2;
}
#fdrive-wrapper.small .fc-toolbar-title {
  font-size: 1.4rem;
}

#fdrive-calendar .fdrive-pane-title, #fdrive-email .fdrive-pane-title, #fdrive-apps .fdrive-pane-title {
  background: #000;
  text-align: center;
}
#fdrive-calendar .fdrive-pane-title > span, #fdrive-email .fdrive-pane-title > span, #fdrive-apps .fdrive-pane-title > span {
  line-height: 3rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.3rem;
}
#fdrive-calendar .fdrive-pane-title .title, #fdrive-email .fdrive-pane-title .title, #fdrive-apps .fdrive-pane-title .title {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 70%;
  width: 70%;
  white-space: nowrap;
  direction: rtl;
  display: inline-block;
}

#fdrive-calendar #calendar-actual {
  padding: 1rem 2rem 7rem;
}
#fdrive-calendar #calendar-actual > .fc-view-harness {
  background: var(--base);
}
#fdrive-calendar #calendar-actual .fc-timegrid-event-harness {
  line-height: 1.1rem !important;
}
#fdrive-calendar #calendar-actual table tr > :first-child:not(.fc-list-event-time) {
  padding-left: unset !important;
}
#fdrive-calendar .fc-daygrid-day-events {
  position: absolute;
  width: 100%;
}
#fdrive-calendar .fc-daygrid-day-events .fc-daygrid-event-dot {
  display: none;
}
#fdrive-calendar .fc-daygrid-day-events .fc-daygrid-event-harness a {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(var(--accent-rgb), 0.1);
  padding: 0.5rem 0.25rem;
}
#fdrive-calendar .fc-daygrid-day-events .fc-daygrid-event-harness a b {
  margin-right: 0.5rem;
}
#fdrive-calendar .fc .fc-daygrid-day-frame {
  overflow: hidden;
}
#fdrive-calendar .fc-timeGridWeek-view .fc-event-main b {
  display: block;
}
#fdrive-calendar .fc-timeGridWeek-view tbody > tr:first-child td .fc-daygrid-day-frame {
  height: fit-content;
  overflow: unset;
}
#fdrive-calendar .fc-timeGridWeek-view tbody > tr:first-child td .fc-daygrid-day-frame .fc-daygrid-day-events {
  position: unset;
}
#fdrive-calendar .fc-timeGridWeek-view tbody > tr:first-child td .fc-daygrid-day-frame .fc-daygrid-day-events a {
  white-space: normal;
}
#fdrive-calendar td.fc-day {
  line-height: 1.1rem;
}
#fdrive-calendar .fc-event {
  overflow: hidden;
}

#fdrive-calendar-popover {
  background: rgba(var(--base-rgb), 0.9);
  border: solid 1px var(--accent);
  padding: 0.5rem;
  z-index: 1000;
  position: relative;
}
#fdrive-calendar-popover .pointer {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 0 1rem 1rem;
  border-color: transparent transparent transparent var(--accent);
  transform: translateX(-100%) translateY(-50%) rotate(180deg);
  position: absolute;
  left: 0;
  top: 50%;
}
#fdrive-calendar-popover .title {
  display: flex;
  flex-direction: column;
}
#fdrive-calendar-popover .title .name {
  font-size: 1.2rem;
  font-weight: 600;
  max-height: 5rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
#fdrive-calendar-popover .title .day {
  color: var(--accent);
}
#fdrive-calendar-popover .controls {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  flex-direction: column-reverse;
}
#fdrive-calendar-popover .controls i {
  opacity: 0.5;
  margin: 0.5rem 0;
  cursor: pointer;
  font-size: 1.2rem;
  width: 2rem;
  text-align: center;
}
#fdrive-calendar-popover .controls i:hover {
  opacity: 1;
}

.fc-daygrid-day-number {
  color: rgba(var(--color-rgb), 0.8);
}

.fc-day-today .fc-daygrid-day-number {
  color: var(--color);
  font-weight: 600;
}
#fdrive-files {
  user-select: none;
  display: flex;
  flex-direction: column;
}
#fdrive-files > .content.file-drag {
  cursor: grabbing !important;
}
#fdrive-files > .content.file-drag .file-inner {
  opacity: 0.5;
}
#fdrive-files > .content.file-drag .file.folder:not(.selected):hover .file-inner {
  opacity: 1 !important;
  background: rgba(var(--accent-rgb), 0.5) !important;
}
#fdrive-files .file {
  overflow: hidden;
}
#fdrive-files .fdrive-pane-title {
  background: #000;
  text-align: center;
  flex-direction: row;
  display: flex;
}
#fdrive-files .file-inner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#fdrive-files #fdrive-add-menu {
  visibility: hidden;
  max-height: 0;
  transition: max-height 0.25s ease-in-out, visibility 0.25s ease-out;
  padding: 0.5rem;
  position: absolute;
  bottom: 8rem;
  right: 1rem;
  overflow: hidden;
  background: black;
  border: solid 1px var(--border-color);
}
#fdrive-files #fdrive-add-menu.visible {
  max-height: 20rem;
  visibility: visible;
}
#fdrive-files #fdrive-add-menu li {
  list-style: none;
  padding: 0.5rem;
  text-transform: uppercase;
  min-width: 10rem;
  cursor: pointer;
}
#fdrive-files #fdrive-add-menu li i {
  margin-right: 0.5rem;
}
#fdrive-files #fdrive-add-menu li:hover {
  background: rgba(var(--accent-rgb), 0.3);
}
#fdrive-files #fdrive-add-menu li.separator {
  cursor: default;
  height: 0;
  border-bottom: solid 1px var(--border-color);
  display: inline-block;
  padding: 0 0.5rem;
  margin: 0;
  position: relative;
  top: -0.25rem;
}
#fdrive-files #fdrive-list .file.no-img .icon img {
  object-fit: contain !important;
  max-width: 6rem;
  max-height: 6rem;
}
#fdrive-files #fdrive-list {
  position: relative;
}
#fdrive-files .file.selected .file-inner {
  background: rgba(var(--accent-rgb), 0.3) !important;
}
#fdrive-files .file.selected .file-inner:hover {
  background: rgba(var(--accent-rgb), 0.4) !important;
}
#fdrive-files .toolbar {
  display: flex;
  flex-direction: row;
  place-items: center;
  margin-right: 0.75rem;
}
#fdrive-files .toolbar i {
  cursor: pointer;
  opacity: 0.5;
  font-size: 0.9rem;
}
#fdrive-files .toolbar i:hover {
  opacity: 1;
}
#fdrive-files .toolbar .fdt-btn {
  flex: 1;
  box-sizing: border-box;
  position: relative;
  background: transparent;
  color: var(--color);
  border: solid 1px var(--border-color);
  border-radius: 0.5rem;
  padding: 0.5rem;
  min-width: 1rem;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 2rem;
  max-width: 2.25rem;
  margin: 0 0 0 0.5rem;
}
#fdrive-files .toolbar .fdt-btn:hover {
  opacity: 1;
}
#fdrive-files .toolbar .fdt-btn-dropdown {
  max-width: 3.5rem;
  min-width: 3.5rem;
  width: 3.5rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .caret {
  font-size: 0.8rem;
  margin: 0;
  width: unset;
  position: relative;
  left: -0.125rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown i:not(.caret) {
  width: 1.1rem;
  min-width: 1.1rem;
  max-width: 1.1rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .line {
  padding: 0 0.35rem;
  position: relative;
  top: -1px;
  opacity: 0.5;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle {
  border: solid 1px var(--border-color);
  border-radius: 0.5rem;
  font-size: 1rem;
  background: none;
  cursor: pointer;
  color: rgba(var(--color-rgb), 0.7);
  display: flex;
  align-items: center;
  height: 2rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle .view-icon {
  padding-right: 0.5rem;
  border-right: solid 2px var(--border-color);
  width: 1rem;
  height: 1rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle .caret {
  height: 2rem;
  width: 1rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle .caret:before {
  position: relative;
  top: 0.65rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle .dropdown-label {
  margin-right: 5px;
  font-size: 14px;
  color: #777;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle i {
  display: inline-block;
  vertical-align: middle;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-toggle .fa-caret-down {
  margin-left: 5px;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  display: none;
  min-width: 9rem;
  padding: 0.25rem 0.75rem 0.75rem;
  background-color: var(--base);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 1;
  border-radius: 0.5rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .dropdown-label {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: inline-block;
  opacity: 0.5;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .advanced {
  text-align: left;
  border-top: solid 1px #333;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .advanced label > input[type=checkbox] {
  margin-right: 0.75rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .radio-group {
  display: flex;
  flex-direction: column;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .radio-group label {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1rem;
  place-items: flex-end;
  line-height: 100%;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .radio-group label input[type=radio] {
  margin-right: 5px;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu .radio-group label:hover {
  background: rgba(var(--accent-rgb), 0.3);
  border-radius: 0.5rem;
}
#fdrive-files .toolbar .fdt-btn-dropdown .dropdown-menu.visible {
  display: block;
}

.file-drag-handle {
  transform: translateY(-50%) translateX(-50%);
  z-index: 10000;
  position: absolute;
  width: 60px;
  height: 60px;
  pointer-events: none;
}
.file-drag-handle img {
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  position: absolute;
}
.file-drag-handle img + img {
  z-index: 2;
  left: -0.5rem;
  top: -0.5rem;
}
.file-drag-handle img + img + img {
  z-index: 1;
  left: -1rem;
  top: -1rem;
}
#fdrive-notes .fdrive-pane-title {
  display: flex;
  flex-direction: row;
}
#fdrive-notes .fdrive-pane-title > div {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3rem;
  background: #000;
  user-select: none;
  color: rgba(var(--color-rgb), 0.3);
}
#fdrive-notes .fdrive-pane-title > div.active {
  color: var(--color);
  background: unset;
}
#fdrive-notes .note {
  display: flex;
  flex-direction: column;
  margin: 1rem;
  border: solid 1px var(--border-color);
  padding: 0.5rem;
  max-height: 8rem;
  transition: max-height 0.25s ease-in-out;
  overflow: hidden;
  position: relative;
}
#fdrive-notes .note.readonly::after {
  content: "\f502";
  /* Font Awesome 6 lock icon unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem;
  color: rgba(255, 255, 255, 0.2);
  font-size: 3rem;
}
#fdrive-notes .note input, #fdrive-notes .note .content-editor {
  padding: 0.5rem;
  width: calc(100% - 3rem);
  outline: none;
  border: solid 1px transparent;
}
#fdrive-notes .note input, #fdrive-notes .note textarea {
  background: transparent;
  color: var(--input-color);
  font-family: sans-serif;
}
#fdrive-notes .note input {
  font-size: 1.2rem;
}
#fdrive-notes .note .content-editor {
  overflow: hidden;
  font-size: 1.1rem;
}
#fdrive-notes .note:hover .controls, #fdrive-notes .note:focus-within .controls {
  display: flex;
}
#fdrive-notes .note:focus-within {
  background: var(--input-background);
  max-height: 80vh;
}
#fdrive-notes .note:focus-within .content-editor {
  overflow: auto;
}
#fdrive-notes .note:focus-within .content-editor > div {
  overflow: auto;
}
#fdrive-notes .note .controls {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  flex-direction: column;
  min-height: 7rem;
  width: 2rem;
  font-size: 1.3rem;
  text-align: center;
}
#fdrive-notes .note .controls > i {
  height: 2rem;
  vertical-align: center;
  cursor: pointer;
  opacity: 0.6;
}
#fdrive-notes .note .controls > i:hover {
  opacity: 1;
}
.file-uploader-container {
  position: fixed;
  bottom: 0;
  right: 0;
  width: min(90vw, 32rem);
  background-color: rgba(var(--base-rgb), 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 1rem 1rem 0;
  display: flex;
  flex-direction: column;
}
.file-uploader-container.hidden {
  display: none;
}

.file-uploader-item {
  display: block;
  margin-bottom: 1rem;
  position: relative;
}
.file-uploader-item.complete {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}

.file-uploader-name {
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-uploader-progress {
  width: 100%;
  height: 10px;
  background-color: #666;
  border-radius: 5px;
  overflow: hidden;
}

.file-uploader-progress-fill {
  height: 100%;
  width: 0%;
  background-color: #e0de57;
  border-radius: 5px;
  transition: width 0.2s ease-in-out;
}
.file-uploader-progress-fill.success {
  background-color: var(--success);
}
.file-uploader-progress-fill.failure {
  background-color: var(--error);
}

.file-uploader-cancel {
  position: absolute;
  right: 0.25rem;
  top: -0.5rem;
  cursor: pointer;
  color: var(--error);
  font-size: 20px;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  font-weight: 900;
}
.file-uploader-cancel:hover {
  opacity: 1;
}
.fdrive-preview .header {
  display: flex;
  margin-bottom: 1rem;
}
.fdrive-preview .header .title {
  flex-grow: 1;
  align-self: center;
}
.fdrive-preview .body {
  flex-grow: 1;
  display: flex;
  place-items: center;
  text-align: center;
  position: relative;
  overflow: auto;
}
.fdrive-preview .body img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.fdrive-preview .body .text-preview {
  height: 100%;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  text-align: left;
}
.fdrive-preview .footer {
  text-align: center;
  padding: 0.5rem;
}
.fdrive-text-preview-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  font-size: 1.2rem;
}

.fdrive-text-preview-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  width: 80%;
  max-height: 90%;
  height: 90%;
  background-color: var(--base);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}

.fdrive-text-preview-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  opacity: 0.5;
}
.fdrive-text-preview-close:hover {
  opacity: 1;
}

.fdrive-text-preview-text-container {
  overflow: auto;
  flex-grow: 1;
  padding: 0 1rem;
  margin: 0 1rem 1rem;
  white-space: pre-wrap;
}
.fdrive-text-preview-text-container .pre {
  margin: 0;
}

.fdrive-text-preview-footer {
  position: relative;
  height: 2rem;
  min-height: 2rem;
}

.fdrive-text-preview-filename {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.5rem 0 0.5rem 2rem;
  color: var(--color);
  cursor: pointer;
}
.fdrive-text-preview-filename:hover {
  text-decoration: none;
}
.fdrive-text-preview-filename i {
  margin-right: 0.5rem;
  color: var(--accent);
}

.fdrive-text-preview-copy {
  display: inline-block;
  position: absolute;
  bottom: 1.25rem;
  left: 2rem;
  color: var(--color);
  cursor: pointer;
  opacity: 0.5;
}
.fdrive-text-preview-copy:hover {
  opacity: 1;
}
.fdrive-text-preview-copy i {
  margin-right: 0.5rem;
  color: var(--accent);
}

.fdrive-text-preview-filesize {
  display: block;
  position: absolute;
  right: 2rem;
  bottom: 1.25rem;
}
#fdrive-list.grid .check {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
#fdrive-list.grid .file {
  width: 240px;
  height: 240px;
}
#fdrive-list.grid .file-inner {
  position: relative;
  overflow: hidden;
  margin: 0.25rem;
  padding: 0.25rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border-radius: 0.5rem;
}
#fdrive-list.grid .size, #fdrive-list.grid .modified {
  display: none;
}
#fdrive-list.grid .file.folder {
  cursor: pointer;
}
#fdrive-list.grid .name {
  text-align: center;
  word-break: break-all;
  display: block;
  font-size: 0.9rem;
  height: calc(45% - 0.5rem);
  text-overflow: ellipsis;
  overflow: hidden;
}
#fdrive-list.grid .icon {
  width: calc(100% - 2rem);
  padding: 0 1rem 0.25rem;
  height: 60%;
  display: flex;
  justify-content: center;
}
#fdrive-list.grid .icon img {
  border-radius: 0.25rem;
  object-fit: contain;
  max-width: 120%;
}
#fdrive-list.grid .icon i {
  font-size: 10rem;
}
#fdrive-list.list .file .file-inner {
  background: rgba(var(--color-rgb), 0.01);
}
#fdrive-list.list .file:nth-of-type(even) .file-inner {
  background: rgba(var(--color-rgb), 0.03);
}
#fdrive-list.list .file:nth-of-type(even):hover .file-inner {
  background: rgba(var(--color-rgb), 0.2);
}
#fdrive-list.list .file-inner {
  --margin: 2px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  margin: var(--margin);
  height: calc(100% - (var(--margin) * 2));
  width: calc(100% - (var(--margin) * 4));
  border-radius: 5px;
  position: relative;
}
#fdrive-list.list .file-inner:hover {
  background: rgba(var(--color-rgb), 0.2);
}
#fdrive-list.list .file-inner .icon {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 100%;
  margin: 0 0.5rem;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#fdrive-list.list .file-inner .icon img {
  width: 100%;
  height: 65%;
  object-fit: cover;
}
#fdrive-list.list .file-inner .name {
  flex-grow: 1;
  white-space: nowrap;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 11rem);
}
#fdrive-list.list .file-inner > span {
  margin: auto;
}
#fdrive-list.list .file-inner .size {
  width: 10rem;
  min-width: 10rem;
  justify-content: right;
  text-align: right;
}
#fdrive-list.list .file-inner .modified {
  width: 7rem;
  min-width: 7rem;
  text-align: center;
}

#fdrive-wrapper.small #fdrive-list.list .size {
  padding-right: 1rem;
}
#fdrive-wrapper.small #fdrive-list.list .modified {
  display: none;
}
#fdrive-list.thumbnail {
  position: relative;
  transition: opacity 0.25s ease-in-out;
}
#fdrive-list.thumbnail .file {
  height: 240px;
  position: relative;
}
#fdrive-list.thumbnail .size, #fdrive-list.thumbnail .modified {
  display: none;
}
#fdrive-list.thumbnail .file.no-img .icon {
  background: #222;
}
#fdrive-list.thumbnail .file.no-img .name {
  display: unset !important;
}
#fdrive-list.thumbnail .file.folder {
  cursor: pointer;
}
#fdrive-list.thumbnail .name {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 2rem;
  background: rgba(var(--base-rgb), 0.8);
  text-align: center;
}
#fdrive-list.thumbnail .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
#fdrive-list.thumbnail .icon, #fdrive-list.thumbnail img {
  width: 100%;
  height: 100%;
}
#fdrive-list.thumbnail .icon i {
  font-size: 10rem;
}
#fdrive-list.thumbnail img {
  object-fit: cover;
}
#fdrive-list.thumbnail .file:hover {
  opacity: 1;
}
#fdrive-list.thumbnail .file:hover .name {
  display: unset;
}