@charset "UTF-8";

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Raleway", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, *:before, *:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: Raleway, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #131415
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio], input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1, .h1 {
    font-size: 2.25rem
}

h2, .h2 {
    font-size: 1.8rem
}

h3, .h3 {
    font-size: 1.575rem
}

h4, .h4 {
    font-size: 1.35rem
}

h5, .h5 {
    font-size: 1.125rem
}

h6, .h6 {
    font-size: .9rem
}

.lead {
    font-size: 1.125rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

small, .small {
    font-size: .875em;
    font-weight: 400
}

mark, .mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.125rem
}

.blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #131415;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table-sm th, .table-sm td {
    padding: .3rem
}

.table-bordered, .table-bordered th, .table-bordered td {
    border: 1px solid #dee2e6
}

.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: #00000013
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8daff
}

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db
}

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb
}

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb
}

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba
}

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb
}

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe
}

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca
}

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > th, .table-active > td {
    background-color: #00000013
}

.table-hover .table-active:hover {
    background-color: #00000013
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: #00000013
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

.table-dark th, .table-dark td, .table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: #ffffff13
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive > .table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.125rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .7875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: .9rem;
    line-height: 1.6;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size], select.form-control[multiple], textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: #28a745e6;
    border-radius: .25rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.6em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated select.form-control:valid, select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid ~ .custom-control-label:before, .custom-control-input.is-valid ~ .custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label:before, .custom-control-input.is-valid:checked ~ .custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label:before, .custom-control-input.is-valid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .7875rem;
    line-height: 1.6;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.6em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.4em + .1875rem) center;
    background-size: calc(.8em + .375rem) calc(.8em + .375rem)
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.6em + .75rem);
    background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.8em + .375rem) calc(.8em + .375rem) no-repeat
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545
}

.was-validated .custom-control-input:invalid ~ .custom-control-label:before, .custom-control-input.is-invalid ~ .custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before, .custom-control-input.is-invalid:checked ~ .custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before, .custom-control-input.is-invalid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group, .form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #268fff80
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #828a9180
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-sm, .btn-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .9rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .7875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
    z-index: 1
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

.btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
    margin-left: -1px
}

.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .custom-file {
    display: flex;
    align-items: center
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-prepend, .input-group-append {
    display: flex
}

.input-group-prepend .btn, .input-group-append .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn:focus, .input-group-append .btn:focus {
    z-index: 3
}

.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=radio], .input-group-text input[type=checkbox] {
    margin-top: 0
}

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.44rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.22rem;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}

.custom-control-input:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input[disabled] ~ .custom-control-label:before, .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label:before {
    position: absolute;
    top: .22rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd
}

.custom-control-label:after {
    position: absolute;
    top: .22rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label:after {
    top: calc(.22rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #fff;
    transform: translate(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: #007bff80
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    vertical-align: middle;
    background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .7875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.125rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.6em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en) ~ .custom-file-label:after {
    content: "Browse"
}

.custom-file-input ~ .custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.6em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.6em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.6;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #131415, 0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label:before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #131415;
    border-color: #dee2e6 #dee2e6 #131415
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill > .nav-link, .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .32rem;
    padding-bottom: .32rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: #000000e6
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
    color: #00000080
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #0000004d
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #000000e6
}

.navbar-light .navbar-toggler {
    color: #00000080;
    border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: #00000080
}

.navbar-light .navbar-text a {
    color: #000000e6
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color: #000000e6
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: #ffffff40
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: #ffffff80;
    border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: #ffffff80
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card > hr {
    margin-right: 0;
    margin-left: 0
}

.card > .list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #00000008;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #00000008;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img, .card-img-top, .card-img-bottom {
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion > .card {
    overflow: hidden
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item:before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover:before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover:before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff40
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #007bff80
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #6c757d80
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #28a74580
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #17a2b880
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #ffc10780
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #dc354580
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #f8f9fa80
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #343a4080
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.85rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .675rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush > .list-group-item {
    border-width: 0 0 1px
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem #0000001a;
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: #ffffffd9;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.6
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .7875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow:before, .bs-tooltip-auto[x-placement^=top] .arrow:before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-right .arrow:before, .bs-tooltip-auto[x-placement^=right] .arrow:before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow:before, .bs-tooltip-auto[x-placement^=bottom] .arrow:before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-left .arrow:before, .bs-tooltip-auto[x-placement^=left] .arrow:before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: .7875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow:before, .popover .arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-top > .arrow:before, .bs-popover-auto[x-placement^=top] > .arrow:before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: #00000040
}

.bs-popover-top > .arrow:after, .bs-popover-auto[x-placement^=top] > .arrow:after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
    margin-left: .5rem
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-right > .arrow:before, .bs-popover-auto[x-placement^=right] > .arrow:before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #00000040
}

.bs-popover-right > .arrow:after, .bs-popover-auto[x-placement^=right] > .arrow:after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-bottom > .arrow:before, .bs-popover-auto[x-placement^=bottom] > .arrow:before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #00000040
}

.bs-popover-bottom > .arrow:after, .bs-popover-auto[x-placement^=bottom] > .arrow:after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header:before, .bs-popover-auto[x-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
    margin-right: .5rem
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-left > .arrow:before, .bs-popover-auto[x-placement^=left] > .arrow:before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #00000040
}

.bs-popover-left > .arrow:after, .bs-popover-auto[x-placement^=left] > .arrow:after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, *:before, *:after {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body, .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@media (max-width: 35.9988rem) {
    #intro .container-fluid .hero-text h1, #intro .container-sm .hero-text h1, #intro .container-md .hero-text h1, #intro .container-lg .hero-text h1, #intro .container-xl .hero-text h1 {
        text-indent: 0rem !important;
        letter-spacing: 0rem !important
    }

    #intro .container-fluid h4, #intro .container-sm h4, #intro .container-md h4, #intro .container-lg h4, #intro .container-xl h4 {
        text-indent: 0rem !important;
        letter-spacing: .125rem !important;
        line-height: 5rem !important
    }

    #distribution .faction-title {
        font-size: 1.5rem !important;
        padding: 0rem !important
    }

    #distribution .balance-title {
        font-size: 2rem !important
    }

    #distribution .race-item .race-title {
        position: relative !important;
        right: -1rem !important;
        padding-right: 0rem !important;
        letter-spacing: 0rem !important;
        font-size: .75rem !important
    }
}

@media (max-width: 47.9988rem) and (min-width: 36rem) {
    #intro .container-fluid .hero-text h1, #intro .container-sm .hero-text h1, #intro .container-md .hero-text h1, #intro .container-lg .hero-text h1, #intro .container-xl .hero-text h1 {
        text-indent: 1.25rem !important;
        letter-spacing: 1.25rem !important
    }

    #intro .container-fluid .hero-text h4, #intro .container-sm .hero-text h4, #intro .container-md .hero-text h4, #intro .container-lg .hero-text h4, #intro .container-xl .hero-text h4 {
        text-indent: 0rem !important;
        letter-spacing: .125rem !important;
        line-height: 5rem !important
    }

    #distribution .faction-title {
        font-size: 1.5rem !important;
        padding: 0rem !important
    }

    #distribution .balance-title {
        font-size: 2rem !important
    }

    #distribution .race-item .race-title {
        position: relative !important;
        right: -1rem !important;
        padding-right: 0rem !important;
        letter-spacing: 0rem !important;
        font-size: .75rem !important
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

footer .footer-social .social-button {
    height: 4.625rem;
    width: 4.625rem;
    border: .0625rem solid gainsboro;
    box-shadow: 0 0 .125rem #dcdcdc;
    border-radius: 50%;
    margin: 0 1rem;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none;
    transition: all .35s ease
}

@media (prefers-reduced-motion: reduce) {
    footer .footer-social .social-button {
        transition: none
    }
}

footer .footer-social .social-button div img {
    -webkit-user-select: none;
    user-select: none;
    filter: invert(100%);
    transition: all .35s ease
}

@media (prefers-reduced-motion: reduce) {
    footer .footer-social .social-button div img {
        transition: none
    }
}

.btn-recovery {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    transition: "color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

@media (prefers-reduced-motion: reduce) {
    .btn-recovery {
        transition: none
    }
}

.recovery-modal-code {
    padding: 1rem;
    background: black;
    border: .0625rem solid gray;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.625rem;
    position: relative;
    transition: all .2s ease;
    cursor: pointer
}

@media (prefers-reduced-motion: reduce) {
    .recovery-modal-code {
        transition: none
    }
}

.recovery-modal-code:after {
    transition: all .2s ease;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: block;
    content: "Hover to show code";
    background-color: #1e1d1d;
    line-height: 3.75rem;
    font-size: 1rem;
    cursor: pointer
}

@media (prefers-reduced-motion: reduce) {
    .recovery-modal-code:after {
        transition: none
    }
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-link {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    transition: all .2s ease
}

@media (prefers-reduced-motion: reduce) {
    #dynamic-notice .dynamic-notice-text .dynamic-notice-link {
        transition: none
    }
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 5rem;
    width: 5rem;
    background-color: #131415;
    border: .0625rem solid #C9AA71;
    line-height: 5rem;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease
}

@media (prefers-reduced-motion: reduce) {
    #dynamic-notice .dynamic-notice-text .dynamic-notice-close {
        transition: none
    }
}

#dynamic-notice .dynamic-notice-button {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 1rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: all .2s ease
}

@media (prefers-reduced-motion: reduce) {
    #dynamic-notice .dynamic-notice-button {
        transition: none
    }
}

.dynamic-cart {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 100%;
    line-height: 3.75rem;
    text-align: center;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    opacity: .75;
    box-shadow: 0 0 .3125rem .0625rem #c9aa71 !important;
    border: .0625rem solid #C9AA71;
    background-color: #131415;
    z-index: 98;
    transition: all .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

@media (prefers-reduced-motion: reduce) {
    .dynamic-cart {
        transition: none
    }
}

.dynamic-cart i {
    color: #c9aa71 !important;
    filter: drop-shadow(0 0 .3125rem .0625rem #C9AA71 !important);
    font-size: 1.8rem;
    transition: color .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

@media (prefers-reduced-motion: reduce) {
    .dynamic-cart i {
        transition: none
    }
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.ucp-side-dimmer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    transition: all .35s linear;
    will-change: auto
}

@media (prefers-reduced-motion: reduce) {
    .ucp-side-dimmer {
        transition: none
    }
}

#desktop-header {
    width: 100vw;
    min-width: 100vw;
    height: 4.375rem;
    background-color: #1e1e1e;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    background-repeat: repeat;
    border-bottom: .0625rem solid #6a6967;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -webkit-user-select: none !important;
    user-select: none !important
}

#desktop-header #cart-header-icon {
    display: inline !important
}

#desktop-header #donation-currency-button {
    line-height: 2.3125rem;
    padding: .3125rem .625rem;
    border-radius: .3125rem;
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important;
    position: relative;
    top: .0625rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header #donation-currency-button .cart-currency {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header #donation-currency-button:hover {
    color: #fff !important;
    border-color: #fff !important
}

#desktop-header #donation-currency-button:hover .cart-currency {
    filter: saturate(0) !important
}

#desktop-header #donation-currency-button.discount-active-2x:after {
    content: "2X DP!";
    font-size: .75rem;
    background: crimson;
    color: #fff;
    width: 100%;
    height: 1.25rem;
    border-radius: .3125rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: -1.5625rem;
    left: 0;
    display: block;
    text-align: center;
    text-shadow: black 0rem 0rem .125rem, black 0rem 0rem .125rem;
    font-weight: 700
}

#desktop-header #donation-currency-button.discount-active-3x:after {
    content: "3X DP!";
    font-size: .75rem;
    color: #fff;
    width: 100%;
    height: 1.25rem;
    border-radius: .3125rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: -1.5625rem;
    left: 0;
    display: block;
    text-align: center;
    text-shadow: black 0rem 0rem .125rem, black 0rem 0rem .125rem;
    background: #fe8c00;
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    background: linear-gradient(to right, #f83600, #fe8c00);
    font-weight: bolder;
    box-shadow: 0 0 .9375rem #ff5400
}

#desktop-header #donation-currency-button.discount-active-4x:after {
    content: "4X DP!";
    font-size: .75rem;
    color: #fff;
    width: 100%;
    height: 1.25rem;
    border-radius: .3125rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: -1.5625rem;
    left: 0;
    display: block;
    text-align: center;
    text-shadow: black 0rem 0rem .125rem, black 0rem 0rem .125rem;
    font-weight: bolder;
    background: #ee0979;
    background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
    background: linear-gradient(to right, #ff6a00, #ee0979);
    box-shadow: 0 0 .9375rem #ee0979
}

#desktop-header .navbar {
    height: 4.375rem
}

#desktop-header .header-container {
    position: relative;
    display: flex
}

#desktop-header .header-container .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 100rem) {
    #desktop-header .header-container {
        padding: 0 !important
    }

    #desktop-header .header-container .mdi, #desktop-header .header-container .fa-brands, #desktop-header .header-container .fa {
        font-size: .75rem
    }
}

@media (max-width: 56.25rem) {
    #desktop-header .header-container .mdi, #desktop-header .header-container .fa-brands, #desktop-header .header-container .fa {
        display: none
    }
}

#desktop-header .header-container .mdi, #desktop-header .header-container .fa-brands, #desktop-header .header-container .fa {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    color: #747474;
    font-size: 1.375rem;
    position: relative;
    right: -.125rem
}

#desktop-header .header-container .navbar-nav .nav-link {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -webkit-user-select: none !important;
    user-select: none !important;
    color: #ebebeb !important;
    white-space: nowrap;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#desktop-header .header-container .navbar-nav .nav-link a {
    outline: none !important;
    -webkit-user-select: none;
    user-select: none;
    color: #ebebeb !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-transform: uppercase
}

#desktop-header .header-container .navbar-nav .nav-link:hover a {
    color: #fff !important;
    outline: none !important
}

#desktop-header .header-container .navbar-nav .nav-link:hover .mdi, #desktop-header .header-container .navbar-nav .nav-link:hover .fa-brands, #desktop-header .header-container .navbar-nav .nav-link:hover .fa {
    color: #c9aa71 !important
}

#desktop-header .header-container .navbar-nav .asc-dropdown {
    position: relative;
    display: block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .navbar-nav .asc-dropdown:hover .asc-dropdown-content {
    opacity: 1 !important;
    display: flex;
    flex-direction: column
}

#desktop-header .header-container .navbar-nav .asc-dropdown .dropdown-indicator {
    color: #c9aa71;
    position: relative;
    font-size: .625rem;
    bottom: .1875rem
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    display: none;
    position: absolute;
    background-color: #1e1e1e;
    min-width: 10rem;
    box-shadow: 0 .5rem 1rem #0003;
    padding: .75rem 1rem;
    z-index: 1;
    border: .0625rem solid #2e2e2e;
    border-radius: .3125rem;
    top: 2rem
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content.extended-menu span {
    color: #c9aa71 !important;
    padding-bottom: .5rem;
    border-bottom: 2px solid rgba(255, 255, 255, .253);
    width: 100%;
    display: block
}

@media (max-width: 98.1875rem) {
    #desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .discord-icon {
        display: none !important
    }
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item {
    margin: .25rem 0
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item i {
    color: #747474 !important
}

#desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover, #desktop-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover i {
    color: #c9aa71 !important
}

#desktop-header .header-container .navbar-nav .lang-selection {
    color: #c9aa71;
    border: .0625rem solid #c9aa71;
    padding: 0 .625rem;
    border-radius: .3125rem;
    position: relative;
    top: .8125rem;
    z-index: 999;
    display: inline;
    height: 1.875rem;
    cursor: pointer;
    line-height: 1.875rem;
    text-align: center;
    background-color: #1e1e1e
}

#desktop-header .header-container .navbar-nav .lang-selection option {
    background-color: #1e1e1e
}

#desktop-header .header-container .navbar-nav .lang-selection:hover {
    color: #fff;
    border-color: #fff
}

#desktop-header .header-container .navbar-nav .nav-download {
    cursor: pointer;
    z-index: 999
}

@media (max-width: 94.188rem) {
    #desktop-header .header-container .navbar-nav .nav-download span {
        display: none
    }
}

#desktop-header .header-container .navbar-nav .nav-download a {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 2.3125rem;
    padding: .3125rem .625rem;
    border-radius: .3125rem;
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important;
    position: relative;
    top: .0625rem;
    z-index: 999;
    cursor: pointer
}

#desktop-header .header-container .navbar-nav .nav-download a .mdi, #desktop-header .header-container .navbar-nav .nav-download a .fa-brands, #desktop-header .header-container .navbar-nav .nav-download a .fa {
    right: 0 !important;
    color: #c9aa71;
    font-size: 1rem;
    position: relative;
    cursor: pointer;
    display: inline !important
}

#desktop-header .header-container .navbar-nav .nav-download:hover a {
    color: #fff !important;
    border-color: #fff !important;
    outline: none !important
}

#desktop-header .header-container .navbar-nav .nav-download:hover .mdi, #desktop-header .header-container .navbar-nav .nav-download:hover .fa-brands, #desktop-header .header-container .navbar-nav .nav-download:hover .fa {
    color: #fff !important
}

#desktop-header .header-container .navbar-nav .store-cart-button {
    padding: .5rem;
    border: .0625rem solid #c9aa71;
    border-radius: 100%;
    height: 2.1875rem !important;
    width: 2.1875rem !important;
    text-align: center;
    margin-top: .625rem;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    cursor: pointer !important
}

#desktop-header .header-container .navbar-nav .store-cart-button .mdi, #desktop-header .header-container .navbar-nav .store-cart-button .fa-brands, #desktop-header .header-container .navbar-nav .store-cart-button .fa {
    color: #c9aa71 !important;
    margin: none !important;
    position: static !important;
    font-size: .9375rem !important
}

#desktop-header .header-container .navbar-nav .store-cart-button:hover {
    border-color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#desktop-header .header-container .navbar-nav .store-cart-button:hover .mdi, #desktop-header .header-container .navbar-nav .store-cart-button:hover .fa-brands, #desktop-header .header-container .navbar-nav .store-cart-button:hover .fa {
    color: #fff !important;
    cursor: pointer !important
}

#desktop-header .header-container .navbar-nav .store-cart-button.has-cart-item:after {
    content: attr(data-quantity);
    font-size: .75rem;
    background: crimson;
    color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.875rem;
    border-radius: 100%;
    line-height: 1.25rem;
    position: absolute;
    top: -.625rem;
    right: -.3125rem;
    display: block
}

#desktop-header .header-container .navbar-nav .router-link-exact-active a {
    color: #c9aa71 !important;
    outline: none !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    font-weight: 700
}

#desktop-header .header-container .navbar-nav .router-link-exact-active:hover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #fff !important
}

#desktop-header .header-container .navbar-nav .router-link-exact-active .mdi, #desktop-header .header-container .navbar-nav .router-link-exact-active .fa-brands, #desktop-header .header-container .navbar-nav .router-link-exact-active .fa {
    color: #c9aa71 !important
}

#desktop-header .header-container .brand-small {
    height: 3.75rem
}

#desktop-header .header-container .button-container {
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: .3125rem;
    border: .0625rem solid #c9aa71 !important;
    width: 100%;
    height: 40x;
    min-width: 8.4375rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .button-container:hover {
    background-color: #c9aa71 !important;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#desktop-header .header-container .button-container:hover #registerHeaderBtn {
    height: 2.5rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#desktop-header .header-container .button-container #registerHeaderBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 1.875rem !important;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100
}

#desktop-header .header-container .login-button-container, #desktop-header .header-container .logout-button-container {
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: .3125rem;
    border: .0625rem solid #c9aa71 !important;
    width: 100%;
    height: 2.5rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .login-button-container:hover, #desktop-header .header-container .logout-button-container:hover {
    background-color: transparent !important;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important;
    border-color: #fff !important
}

#desktop-header .header-container .login-button-container:hover #loginHeaderBtn, #desktop-header .header-container .logout-button-container:hover #loginHeaderBtn {
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    border-color: #fff !important
}

#desktop-header .header-container .login-button-container #loginHeaderBtn, #desktop-header .header-container .login-button-container #logoutHeaderBtn, #desktop-header .header-container .logout-button-container #loginHeaderBtn, #desktop-header .header-container .logout-button-container #logoutHeaderBtn {
    background-color: transparent !important;
    width: 100% !important;
    height: 1.875rem !important;
    color: #c9aa71;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100;
    text-transform: uppercase
}

#desktop-header .header-container .logout-button-container {
    border-color: #6a6967 !important;
    color: #6a6967 !important;
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    padding: .3125rem;
    width: 100%;
    height: 2.5rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-header .header-container .logout-button-container #logoutHeaderBtn {
    color: #6a6967 !important
}

#desktop-header .header-container .logout-button-container:hover #logoutHeaderBtn {
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    border-color: #fff !important
}

#admin-header {
    width: 100vw;
    min-width: 100vw;
    height: 3.75rem;
    background-color: #2b2b2b;
    z-index: 998;
    position: fixed;
    top: 4.375rem;
    left: 0;
    background-repeat: repeat;
    border-bottom: .0625rem solid #6a6967;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -webkit-user-select: none !important;
    user-select: none !important;
    box-shadow: 0 .325rem .25rem #00000059 !important
}

#admin-header .navbar {
    height: 3.75rem;
    position: relative
}

#admin-header .header-container {
    position: relative;
    display: flex
}

#admin-header .header-container .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 100rem) {
    #admin-header .header-container {
        padding: 0 !important
    }

    #admin-header .header-container .mdi, #admin-header .header-container .fa-brands, #admin-header .header-container .fa {
        font-size: .75rem
    }
}

@media (max-width: 73.125rem) {
    #admin-header .header-container {
        padding: 0 !important
    }

    #admin-header .header-container .mdi, #admin-header .header-container .fa-brands, #admin-header .header-container .fa {
        font-size: .75rem;
        display: none
    }
}

#admin-header .header-container .mdi, #admin-header .header-container .fa-brands, #admin-header .header-container .fa {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    color: #747474;
    font-size: 1.375rem;
    position: relative;
    top: .1563rem;
    right: -.125rem
}

#admin-header .header-container .navbar-nav .nav-title {
    width: 9.0625rem;
    line-height: 1.5625rem !important;
    font-weight: 700;
    opacity: .2
}

#admin-header .header-container .navbar-nav .nav-link {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -webkit-user-select: none !important;
    user-select: none !important;
    color: #ebebeb !important;
    white-space: nowrap;
    line-height: 1.25rem;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#admin-header .header-container .navbar-nav .nav-link a {
    outline: none !important;
    -webkit-user-select: none;
    user-select: none;
    color: #ebebeb !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#admin-header .header-container .navbar-nav .nav-link:hover a {
    color: #fff !important;
    outline: none !important
}

#admin-header .header-container .navbar-nav .nav-link:hover .mdi, #admin-header .header-container .navbar-nav .nav-link:hover .fa-brands, #admin-header .header-container .navbar-nav .nav-link:hover .fa {
    color: #c9aa71 !important
}

#admin-header .header-container .navbar-nav .asc-dropdown {
    position: relative;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#admin-header .header-container .navbar-nav .asc-dropdown:hover .asc-dropdown-content {
    opacity: 1 !important;
    display: flex;
    flex-direction: column
}

#admin-header .header-container .navbar-nav .asc-dropdown .dropdown-indicator {
    color: #c9aa71;
    position: relative;
    font-size: .625rem;
    bottom: .1875rem
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    display: none;
    position: absolute;
    background-color: #1e1e1e;
    min-width: 10rem;
    box-shadow: 0 .5rem 1rem #0003;
    padding: .75rem 1rem;
    z-index: 1;
    border: .0625rem solid #2e2e2e;
    border-radius: .3125rem;
    top: 2rem
}

@media (max-width: 98.1875rem) {
    #admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .discord-icon {
        display: none !important
    }
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item {
    margin: .25rem 0
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item i {
    color: #747474 !important
}

#admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover, #admin-header .header-container .navbar-nav .asc-dropdown .asc-dropdown-content .asc-dropdown-item:hover i {
    color: #c9aa71 !important
}

#admin-header .header-container .navbar-nav .router-link-exact-active a {
    color: #c9aa71 !important;
    outline: none !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    font-weight: 700
}

#admin-header .header-container .navbar-nav .router-link-exact-active:hover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    color: #fff !important
}

#admin-header .header-container .navbar-nav .router-link-exact-active .mdi, #admin-header .header-container .navbar-nav .router-link-exact-active .fa-brands, #admin-header .header-container .navbar-nav .router-link-exact-active .fa {
    color: #c9aa71 !important
}

.d-xl-up-none {
    -webkit-transition: opacity .35s ease;
    -moz-transition: opacity .35s ease;
    -ms-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    opacity: 1;
    pointer-events: all
}

@media (min-width: 1400px) {
    .d-xl-up-none {
        opacity: 0;
        pointer-events: none;
        display: none !important
    }
}

.d-xl-down-none {
    -webkit-transition: opacity .35s ease;
    -moz-transition: opacity .35s ease;
    -ms-transition: opacity .35s ease;
    -o-transition: opacity .35s ease;
    transition: opacity .35s ease;
    opacity: 1;
    pointer-events: all
}

@media (max-width: 1400px) {
    .d-xl-down-none {
        opacity: 0;
        pointer-events: none;
        display: none !important
    }
}

#mobile-header {
    width: 100vw;
    min-width: 100vw;
    height: 4.0625rem;
    background-color: #1e1e1e;
    z-index: 99;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background-repeat: repeat;
    border-bottom: .125rem solid #6a6967;
    box-shadow: 0 0 .5rem .9375rem #00000040 !important;
    overflow: hidden !important
}

#mobile-header .container {
    margin-top: 0 !important;
    height: 4.0625rem !important
}

#mobile-header .container .row .col-12 .nav-link {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 4.0625rem;
    text-align: center
}

#mobile-header .container .row .col-12 .nav-link .material-icons {
    color: #c9aa71 !important;
    line-height: 3.0625rem;
    font-size: 2rem
}

#mobile-header .container .row .col-12 .nav-link a {
    line-height: 3.0625rem
}

#mobile-header .container .row .col-12 .nav-link a img {
    height: 5.075rem;
    position: relative;
    top: -.862rem
}

#mobile-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh
}

#mobile-sidebar nav {
    width: 20rem;
    height: 100%;
    background-color: #1e1e1e;
    z-index: 1100;
    position: absolute;
    right: 0;
    top: 0
}

#mobile-sidebar nav .sidebar-watermark {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    right: 0;
    text-align: center;
    opacity: .1
}

#mobile-sidebar nav .sidebar-auth ul {
    margin: 1.25rem 0 0;
    padding: 0 !important;
    width: 100%
}

#mobile-sidebar nav .sidebar-auth .register-button-container {
    display: flex;
    justify-content: center;
    padding: .3125rem;
    border: .0625rem solid #c9aa71 !important;
    width: 90%;
    height: 50x;
    min-width: 8.4375rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .register-button-container:hover {
    background-color: #c9aa71 !important;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#mobile-sidebar nav .sidebar-auth .register-button-container:hover #registerHeaderBtn {
    height: 3.125rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#mobile-sidebar nav .sidebar-auth .register-button-container #registerHeaderBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 2.5rem !important;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100
}

#mobile-sidebar nav .sidebar-auth .login-button-container, #mobile-sidebar nav .sidebar-auth .logout-button-container {
    display: flex;
    justify-content: center;
    padding: .3125rem;
    border: .0625rem solid #c9aa71 !important;
    width: 90%;
    height: 3.125rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .login-button-container:hover, #mobile-sidebar nav .sidebar-auth .logout-button-container:hover {
    background-color: transparent !important;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important;
    border-color: #fff !important
}

#mobile-sidebar nav .sidebar-auth .login-button-container:hover #loginHeaderBtn, #mobile-sidebar nav .sidebar-auth .logout-button-container:hover #loginHeaderBtn {
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    border-color: #fff !important
}

#mobile-sidebar nav .sidebar-auth .login-button-container #loginHeaderBtn, #mobile-sidebar nav .sidebar-auth .logout-button-container #loginHeaderBtn {
    background-color: transparent !important;
    width: 100% !important;
    height: 2.5rem !important;
    color: #c9aa71 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100
}

#mobile-sidebar nav .sidebar-auth .logout-button-container {
    color: #6a6967 !important;
    display: flex;
    justify-content: center;
    padding: .3125rem;
    border: .0625rem solid #6a6967 !important;
    width: 90%;
    height: 3.125rem;
    background-color: transparent !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-sidebar nav .sidebar-auth .logout-button-container #logoutHeaderBtn {
    color: #6a6967 !important;
    background-color: transparent !important;
    border: none !important
}

#mobile-sidebar nav .sidebar-auth .logout-button-container:hover #logoutHeaderBtn {
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    border-color: #fff !important
}

#mobile-sidebar nav #sidebar-options {
    padding: 0 !important;
    margin: 0 !important
}

#mobile-sidebar nav #sidebar-options .sidebar-header i {
    margin-right: 1rem;
    line-height: 4rem;
    padding: .3125rem
}

#mobile-sidebar nav #sidebar-options .nav-link {
    list-style: none;
    margin: 0;
    width: 100%;
    border-top: .0625rem solid rgba(0, 0, 0, .353);
    overflow: hidden
}

#mobile-sidebar nav #sidebar-options .nav-link .material-icons {
    font-size: 1.375rem;
    position: relative;
    top: .1875rem;
    color: #c9aa71;
    margin-left: 1.5rem
}

#mobile-sidebar nav #sidebar-options .nav-link:first-of-type {
    height: 4.6875rem !important;
    display: flex;
    justify-content: center
}

#mobile-sidebar nav #sidebar-options .nav-link:first-of-type img {
    height: 4.6875rem;
    position: relative;
    top: -.3125rem
}

#mobile-sidebar nav #sidebar-options .nav-link:last-of-type {
    border-bottom: .0625rem solid rgba(0, 0, 0, .353)
}

#mobile-sidebar nav #sidebar-options .nav-link a {
    line-height: 2.6875rem;
    font-size: 1rem;
    margin-left: 1rem;
    font-weight: 700
}

#mobile-sidebar .dimmer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

#mobile-sidebar .dimmer.active {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(.3125rem);
    -webkit-backdrop-filter: blur(.3125rem)
}

#mobile-new-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh
}

#mobile-new-sidebar * {
    text-transform: uppercase !important
}

#mobile-new-sidebar nav {
    width: 20rem;
    height: 100%;
    background-color: #1e1e1e;
    z-index: 1100;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

#mobile-new-sidebar nav ::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

#mobile-new-sidebar nav::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

#mobile-new-sidebar nav .sidebar-header {
    height: 4.375rem;
    padding: .5rem 0rem 0
}

#mobile-new-sidebar nav .sidebar-header a {
    height: 2.8125rem
}

#mobile-new-sidebar nav .sidebar-header img {
    height: 2.8125rem;
    width: auto !important
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment {
    height: 2.8125rem;
    margin-top: .3125rem
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper {
    background: rgba(186, 186, 186, .1);
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: .5rem
}

#mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper .mdi, #mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper .fa-brands, #mobile-new-sidebar nav .sidebar-header .icon-alignment .icon-wrapper .fa {
    font-size: 1.25rem;
    line-height: 2rem
}

#mobile-new-sidebar nav .sidebar-media {
    margin-top: 1rem
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item {
    max-width: 28.25rem;
    margin: 1rem 0
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item .sidebar-media-thumbnail {
    width: 100%;
    height: 9.375rem;
    border-radius: .5rem;
    box-shadow: 0 .0625rem .1875rem #0000001f, 0 .0625rem .125rem #0000003d;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    display: block;
    max-width: 100% !important;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    border: .0625rem solid #333
}

#mobile-new-sidebar nav .sidebar-media .sidebar-media-item .sidebar-media-title {
    color: #c9aa71;
    margin-top: 1rem;
    letter-spacing: .03em;
    position: static;
    display: inline-block;
    left: 0rem;
    line-height: 1rem;
    font-size: 1rem;
    margin-top: .625rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

#mobile-new-sidebar nav ul#sidebar-options {
    margin: 0;
    padding: 0;
    list-style: none
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown {
    width: 100%;
    position: static;
    height: auto;
    margin: .375rem 0;
    list-style: none;
    text-transform: uppercase !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.sidebar-login a.sidebar-dropdown-header {
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.sidebar-logout a.sidebar-dropdown-header {
    border: .0625rem solid gray !important;
    color: gray !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    background: rgba(186, 186, 186, .1);
    border-radius: .4rem;
    width: 100%;
    height: 2rem;
    padding: .5rem .75rem .5rem 1rem;
    font-size: .8125rem;
    text-align: left;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #f1f1f1;
    border: .0625rem solid #3e3e3e
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header .mdi, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header .fa-brands, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown .sidebar-dropdown-header .fa {
    font-size: 1.375rem
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list {
    list-style: none;
    padding: 0;
    height: auto;
    opacity: 1
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item {
    list-style: none;
    padding: .5rem .75rem .5rem 1rem;
    color: #ffce75 !important;
    font-weight: 700 !important;
    cursor: pointer
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item:hover {
    color: #dcdcdc !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item:hover a {
    color: #dcdcdc !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item a {
    font-size: inherit !important;
    margin: inherit !important;
    padding: none !important;
    color: #ffce75 !important;
    font-weight: 700 !important
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item .mdi, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item .fa-brands, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown ul.sidebar-dropdown-list li.sidebar-dropdown-item .fa {
    font-weight: 700;
    margin-right: .5rem
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active {
    display: inline
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header {
    background-color: #c9aa71;
    color: #000
}

#mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header .mdi, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header .fa-brands, #mobile-new-sidebar nav ul#sidebar-options li.sidebar-dropdown.active .sidebar-dropdown-header .fa {
    transform: rotate(180deg)
}

#mobile-new-sidebar .dimmer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    width: 100vw;
    height: 100vh;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

#mobile-new-sidebar .dimmer.active {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(.3125rem);
    -webkit-backdrop-filter: blur(.3125rem)
}

@media (max-width: 1290px) {
    #mobile-header {
        display: block !important
    }

    #desktop-header {
        opacity: 0 !important;
        display: none !important
    }
}

@media (max-width: 1415px) {
    .lang-ru #mobile-header {
        display: block !important
    }

    .lang-ru #desktop-header {
        opacity: 0 !important;
        display: none !important
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#preload {
    display: none !important;
    background-color: #131415;
    position: fixed;
    border: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0
}

#preloader {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 9.375rem;
    height: 9.375rem;
    margin: -4.6875rem 0 0 -4.6875rem;
    border-radius: 50%;
    border: .1875rem solid transparent;
    border-top-color: #99734b;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:before {
    content: "";
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    right: .3125rem;
    bottom: .3125rem;
    border-radius: 50%;
    border: .1875rem solid transparent;
    border-top-color: #ca8f4f;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: .9375rem;
    left: .9375rem;
    right: .9375rem;
    bottom: .9375rem;
    border-radius: 50%;
    border: .1875rem solid transparent;
    border-top-color: #eca659;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.cart-loader, .cart-loader:after {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    filter: drop-shadow(.0625rem .0625rem .3125rem black)
}

.cart-loader {
    margin: 0rem auto;
    font-size: .625rem;
    position: relative;
    text-indent: -9999em;
    border-top: .3125rem solid rgba(255, 255, 255, .5);
    border-right: .3125rem solid rgba(255, 255, 255, .5);
    border-bottom: .3125rem solid rgba(255, 255, 255, .5);
    border-left: .3125rem solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load18 1.1s infinite linear;
    animation: load18 1.1s infinite linear
}

@-webkit-keyframes load18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load18 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader-title {
    font-weight: 700;
    margin: 3rem 0 0;
    text-shadow: 0 .1875rem .125rem rgba(0, 0, 0, .85);
    color: #c9aa71
}

.preloader-message {
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem 0 0;
    text-shadow: 0 .1875rem .125rem rgba(0, 0, 0, .85);
    max-width: 25rem;
    text-align: center;
    color: #6a6a6a;
    line-height: 1.5625rem
}

.sk-cube-grid {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0rem auto
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, to {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scaleZ(1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, to {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scaleZ(1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%)
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%)
    }
}

@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translate(100%)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-100%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 0;
        transform: translate(0)
    }
    to {
        opacity: 1;
        transform: translate(-100%)
    }
}

@-webkit-keyframes fadeDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%)
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIframeIn {
    0% {
        opacity: 0;
        max-width: 0
    }
    to {
        max-width: 34.875rem;
        opacity: 1
    }
}

@keyframes fadeIframeIn {
    0% {
        opacity: 0 !important;
        max-width: 0 !important
    }
    to {
        max-width: 16.25rem !important;
        opacity: 1 !important
    }
}

@-webkit-keyframes fadeIframeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate(30%)
    }
}

@keyframes fadeIframeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate(30%)
    }
}

@keyframes loadingButton {
    0% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes hearthstone {
    0% {
        filter: drop-shadow(0rem 0rem 2.5rem #266274) saturate(60%);
        scale: 1
    }
    50% {
        filter: drop-shadow(0rem 0rem 2.5rem #28a2c8) saturate(150%);
        scale: 1.05
    }
    to {
        filter: drop-shadow(0rem 0rem 2.5rem #266274) saturate(60%);
        scale: 1
    }
}

@keyframes articleHeaderFadeOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-2.5rem)
    }
}

@keyframes articleHeaderFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-40)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.anim-spin {
    animation: spin 1s linear infinite
}

.delay-2 {
    animation-delay: .5s
}

.delay-3 {
    animation-delay: .75s
}

.app-router-enter-active {
    -webkit-animation: fadeIn .5s ease;
    animation: fadeIn .5s ease
}

.app-router-leave-active {
    -webkit-animation: fadeOut .5s ease;
    animation: fadeOut .5s ease
}

.fade-enter-active {
    -webkit-animation: fadeIn .5s ease;
    animation: fadeIn .5s ease
}

.fade-leave-active {
    -webkit-animation: fadeOut .5s ease;
    animation: fadeOut .5s ease
}

.fade-fast-enter-active {
    -webkit-animation: fadeIn .25s ease;
    animation: fadeIn .25s ease
}

.fade-fast-leave-active {
    -webkit-animation: fadeOut .25s ease;
    animation: fadeOut .25s ease
}

.fade-mobile-folder-enter-active {
    -webkit-animation: fadeIn .25s ease;
    animation: fadeIn .25s ease;
    max-height: 14.375rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.fade-mobile-folder-leave-active {
    -webkit-animation: fadeOut .25s ease;
    animation: fadeOut .25s ease;
    max-height: 14.375rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.fade-mobile-folder-enter, .fade-mobile-folder-leave-to {
    max-height: 0rem
}

.fade-faster-enter-active {
    -webkit-animation: fadeIn .15s ease;
    animation: fadeIn .15s ease
}

.fade-faster-leave-active {
    -webkit-animation: fadeOut .15s ease;
    animation: fadeOut .15s ease
}

.fadeIframe-enter-active {
    -webkit-animation: fadeIframeIn 3s ease-in-out forwards;
    animation: fadeIframeIn 3s ease-in-out forwards
}

.fadeIframe-leave-active {
    -webkit-animation: fadeIframeIn 1s ease-in-out backwards;
    animation: fadeIframeIn 1s ease-in-out backwards
}

.mobile-options-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeRight .5s cubic-bezier(.62, .28, .23, .99);
    animation: fadeRight .5s cubic-bezier(.62, .28, .23, .99)
}

.mobile-options-leave-active {
    will-change: transform, opacity;
    -webkit-animation: fadeOutLeft .5s cubic-bezier(.62, .28, .23, .99);
    animation: fadeOutLeft .5s cubic-bezier(.62, .28, .23, .99)
}

.fadeShowcase-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeLeft 1s ease-in-out;
    animation: fadeLeft 1s ease-in-out
}

.fadeShowcase--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.fadeUp-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeUp .75s ease-in-out;
    animation: fadeUp .75s ease-in-out
}

.fadeUp--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.fadeDown-enter-active {
    will-change: transform, opacity;
    -webkit-animation: fadeDown .75s ease-in-out;
    animation: fadeDown .75s ease-in-out
}

.fadeDown--leave-active {
    -webkit-animation: fadeOut .75s ease-in-out;
    animation: fadeOut .75s ease-in-out
}

.hearthstone-anim {
    -webkit-animation: hearthstone 2s ease-in-out infinite;
    -moz-animation: hearthstone 2s ease-in-out infinite;
    -o-animation: hearthstone 2s ease-in-out infinite;
    animation: hearthstone 2s ease-in-out infinite
}

.article-header-fadeOut {
    -webkit-animation: articleHeaderFadeOut 1s ease-out;
    -moz-animation: articleHeaderFadeOut 1s ease-out;
    -o-animation: articleHeaderFadeOut 1s ease-out;
    animation: articleHeaderFadeOut 1s ease-out
}

.article-header-fadeIn {
    -webkit-animation: articleHeaderFadeIn 1s ease-out;
    -moz-animation: articleHeaderFadeIn 1s ease-out;
    -o-animation: articleHeaderFadeIn 1s ease-out;
    animation: articleHeaderFadeIn 1s ease-out
}

.animate-opacity {
    opacity: .001;
    -webkit-animation: articleHeaderFade 1s ease-out;
    -moz-animation: articleHeaderFade 1s ease-out;
    -o-animation: articleHeaderFade 1s ease-out;
    animation: articleHeaderFade 1s ease-out
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }
    80%, to {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.toasted-container.top-right {
    top: 10%;
    right: 2rem
}

.toasted-container .toasted .action {
    text-decoration: none;
    font-size: .8rem;
    padding: .5rem 1rem;
    margin: .3125rem -.4375rem .3125rem .4375rem;
    border-radius: .1875rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 600;
    cursor: pointer;
    background-color: #c9aa71;
    color: #000 !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.toasted-container .toasted .action:hover {
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    border-color: #fff !important
}

.toasted-container .toasted.error .action {
    background-color: #c9aa71
}

#maint-buttons {
    position: fixed;
    bottom: 1rem;
    left: 0
}

#maint-buttons .social-button {
    height: 4.625rem;
    width: 4.625rem;
    border: .0625rem solid transparent;
    border-radius: 50%;
    margin: 0 1rem;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    top: 2.5rem
}

#maint-buttons .social-button:hover {
    border: .0625rem solid white;
    box-shadow: 0 0 .125rem #fff
}

#maint-buttons .social-button:hover div img {
    -webkit-user-select: none;
    user-select: none;
    filter: invert(100%) drop-shadow(0rem 0rem .125rem black)
}

#maint-buttons .social-button div img {
    -webkit-user-select: none;
    user-select: none;
    filter: drop-shadow(0rem 0rem .125rem black) invert(100%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.modal-content {
    margin-top: 0;
    color: #ffe4c7;
    background-color: #1d1d1d;
    border: .0625rem solid #2e2e2e
}

.modal-content .modal-header {
    padding: 1rem 2rem;
    background-color: #262626;
    border-bottom: .0625rem solid #2f2f2f;
    font-size: 1.25rem;
    font-weight: 700
}

.modal-content .modal-body {
    padding: 1rem 2rem;
    margin: 1rem 0 1.5rem !important
}

.modal-content .modal-body hr {
    border-top: .0625rem solid rgb(53, 53, 53)
}

.modal-content .modal-body .help-icon {
    cursor: pointer
}

.modal-content .modal-body .help-icon :hover {
    color: #fff !important
}

.modal-content .modal-body .modal-toggle .btnLeft, .modal-content .modal-body .modal-toggle .btnRight {
    background-color: #353535;
    box-shadow: 0 .1875rem .375rem #000000a9;
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: .0625rem solid transparent !important;
    outline: none !important
}

.modal-content .modal-body .modal-toggle .btnLeft.active, .modal-content .modal-body .modal-toggle .btnRight.active {
    background-color: #c9aa71;
    color: #000
}

.modal-content .modal-body .modal-toggle .btnLeft.active:hover, .modal-content .modal-body .modal-toggle .btnRight.active:hover {
    border: .0625rem solid #c9aa71 !important;
    color: #fff !important;
    background-color: #c9aa71 !important
}

.modal-content .modal-body .modal-toggle .btnLeft:hover, .modal-content .modal-body .modal-toggle .btnRight:hover {
    cursor: pointer;
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: #1d1d1d !important
}

.modal-content .modal-body .modal-toggle .btnLeft {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.modal-content .modal-body .modal-toggle .btnRight {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.modal-content .modal-body .modal-toggle .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #c9aa71;
    color: #000
}

.modal-content .modal-body .modal-toggle .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 .0625rem transparent inset;
    box-shadow: 0 0 0 .0625rem transparent inset
}

.modal-content .modal-body .alert.alert-warning {
    color: #ffe8a5c2;
    background-color: #6c571329;
    border-color: #ffeeba7d
}

.modal-content .modal-body .alert.alert-danger {
    color: #fd6c6c;
    background-color: #6c131329;
    border-color: #ff6464
}

.modal-content .modal-body .export-name {
    background: #111;
    padding: .3125rem .625rem;
    line-height: 1.875rem;
    margin-top: .3125rem;
    display: block;
    position: relative;
    color: #c9aa71;
    margin-bottom: .3125rem;
    border: .0625rem solid black
}

.modal-content .modal-body select {
    background: #0f0f0f !important
}

.modal-content .modal-body select .disabled {
    color: #3c3c3c !important
}

.modal-content .modal-body input {
    outline: none !important;
    box-shadow: none !important;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.modal-content .modal-body input:focus {
    border-color: #939599
}

.modal-content .modal-body small b {
    color: #ccc !important
}

.modal-content .modal-footer {
    border-top: none;
    padding: 1rem 2rem;
    background-color: #111
}

.modal-content .modal-footer .btn:focus, .modal-content .modal-footer .btn:active {
    outline: none !important;
    box-shadow: none !important
}

.modal-content .modal-footer .modal-btn {
    min-width: 8.75rem !important;
    width: auto !important;
    display: block;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.modal-content .modal-footer .modal-btn.accept, .modal-content .modal-footer .modal-btn .btn-primary {
    color: #000;
    border: none !important;
    background-color: #c9aa71 !important
}

.modal-content .modal-footer .modal-btn.decline, .modal-content .modal-footer .modal-btn .btn-secondary {
    color: #fff !important;
    border: .0625rem solid #353535 !important;
    background-color: #1d1d1d
}

.modal-content .modal-footer .modal-btn.decline:hover, .modal-content .modal-footer .modal-btn .btn-secondary:hover {
    background-color: #1d1d1d !important;
    border: .0625rem solid rgba(255, 255, 255, .452) !important;
    color: #fff !important
}

.modal-content .modal-footer .btn-secondary {
    padding: .8rem 2.5rem;
    background-color: transparent;
    border: .0625rem solid #c9aa71;
    text-shadow: none !important;
    border-radius: 0;
    color: #c9aa71;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.modal-content .modal-footer .btn-secondary:hover {
    background-color: transparent !important;
    border: .0625rem solid white !important
}

.modal-content .modal-footer .btn-primary {
    padding: .8rem 2.5rem;
    color: #000 !important;
    background-color: #c9aa71;
    text-shadow: none !important;
    border: none;
    border-radius: 0
}

.modal-content .modal-footer .btn-primary:hover {
    color: #000 !important
}

.modal-content .item-name {
    font-weight: 700;
    color: #c9aa71
}

.modal-publish-settings .modal-body .input-group {
    width: 100%
}

.modal-publish-settings .modal-body .article-option-title {
    margin: 1rem 0;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1rem
}

.modal-publish-settings .modal-body .article-description-textarea {
    width: 100%;
    height: 7.0625rem;
    background-color: transparent !important;
    border: .0625rem solid #444951;
    color: #979a9f !important;
    padding: .5rem;
    resize: none
}

.modal-publish-settings .modal-body .article-visibility .form-check-label {
    color: #979a9f !important
}

#pagination-nav .pagination .page-next .page-link, #pagination-nav .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#pagination-nav .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#pagination-nav .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#pagination-nav .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: none !important;
    opacity: .5;
    pointer-events: none
}

#pagination-nav .pagination .page-item.disabled .page-link {
    background: none !important
}

#pagination-nav .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#pagination-nav .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#pagination-nav .pagination .page-item.active {
    outline: none !important
}

#pagination-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#translation-table .edit-btn {
    position: absolute;
    left: -2.5rem;
    top: 0;
    cursor: pointer;
    padding: .75rem;
    border: 1px solid transparent;
    -webkit-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    transition: all .1s cubic-bezier(.55, .085, .68, .53)
}

#translation-table .edit-btn.modify {
    top: 11px !important;
    border-color: #ffffff2c;
    border-radius: 5px
}

#translation-table .edit-btn:hover {
    color: #c9aa71;
    border-color: #c9aa71
}

#translation-table .translation.required {
    color: red
}

#translation-table .translation.outdated {
    color: #00f
}

#translation-table .translation.completed {
    color: green
}

#translation-table .modify-msg {
    padding-top: 11px;
    display: inline-block
}

#translation-table tbody tr:hover {
    -webkit-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .1s cubic-bezier(.55, .085, .68, .53);
    transition: all .1s cubic-bezier(.55, .085, .68, .53);
    background: rgba(255, 255, 255, .05)
}

#translation-table tbody tr td input {
    font-size: 1.1rem;
    display: block !important
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -1.875rem, 0);
        transform: translate3d(0, -1.875rem, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.9375rem, 0);
        transform: translate3d(0, -.9375rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -.25rem, 0);
        transform: translate3d(0, -.25rem, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -1.875rem, 0);
        transform: translate3d(0, -1.875rem, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.9375rem, 0);
        transform: translate3d(0, -.9375rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -.25rem, 0);
        transform: translate3d(0, -.25rem, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-.625rem, 0, 0);
        transform: translate3d(-.625rem, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(.625rem, 0, 0);
        transform: translate3d(.625rem, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-.625rem, 0, 0);
        transform: translate3d(-.625rem, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(.625rem, 0, 0);
        transform: translate3d(.625rem, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    6.5% {
        -webkit-transform: translateX(-.375rem) rotateY(-9deg);
        transform: translate(-.375rem) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(.3125rem) rotateY(7deg);
        transform: translate(.3125rem) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-.1875rem) rotateY(-5deg);
        transform: translate(-.1875rem) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(.125rem) rotateY(3deg);
        transform: translate(.125rem) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
    6.5% {
        -webkit-transform: translateX(-.375rem) rotateY(-9deg);
        transform: translate(-.375rem) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(.3125rem) rotateY(7deg);
        transform: translate(.3125rem) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-.1875rem) rotateY(-5deg);
        transform: translate(-.1875rem) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(.125rem) rotateY(3deg);
        transform: translate(.125rem) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -187.5rem, 0);
        transform: translate3d(0, -187.5rem, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1.5625rem, 0);
        transform: translate3d(0, 1.5625rem, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, .3125rem, 0);
        transform: translate3d(0, .3125rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -187.5rem, 0);
        transform: translate3d(0, -187.5rem, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1.5625rem, 0);
        transform: translate3d(0, 1.5625rem, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, .3125rem, 0);
        transform: translate3d(0, .3125rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-187.5rem, 0, 0);
        transform: translate3d(-187.5rem, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(1.5625rem, 0, 0);
        transform: translate3d(1.5625rem, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-.625rem, 0, 0);
        transform: translate3d(-.625rem, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(.3125rem, 0, 0);
        transform: translate3d(.3125rem, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-187.5rem, 0, 0);
        transform: translate3d(-187.5rem, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(1.5625rem, 0, 0);
        transform: translate3d(1.5625rem, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-.625rem, 0, 0);
        transform: translate3d(-.625rem, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(.3125rem, 0, 0);
        transform: translate3d(.3125rem, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(187.5rem, 0, 0);
        transform: translate3d(187.5rem, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-1.5625rem, 0, 0);
        transform: translate3d(-1.5625rem, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(.625rem, 0, 0);
        transform: translate3d(.625rem, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-.3125rem, 0, 0);
        transform: translate3d(-.3125rem, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(187.5rem, 0, 0);
        transform: translate3d(187.5rem, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-1.5625rem, 0, 0);
        transform: translate3d(-1.5625rem, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(.625rem, 0, 0);
        transform: translate3d(.625rem, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-.3125rem, 0, 0);
        transform: translate3d(-.3125rem, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 187.5rem, 0);
        transform: translate3d(0, 187.5rem, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.25rem, 0);
        transform: translate3d(0, -1.25rem, 0)
    }
    75% {
        -webkit-transform: translate3d(0, .625rem, 0);
        transform: translate3d(0, .625rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -.3125rem, 0);
        transform: translate3d(0, -.3125rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 187.5rem, 0);
        transform: translate3d(0, 187.5rem, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.25rem, 0);
        transform: translate3d(0, -1.25rem, 0)
    }
    75% {
        -webkit-transform: translate3d(0, .625rem, 0);
        transform: translate3d(0, .625rem, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -.3125rem, 0);
        transform: translate3d(0, -.3125rem, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, .625rem, 0);
        transform: translate3d(0, .625rem, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.25rem, 0);
        transform: translate3d(0, -1.25rem, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, .625rem, 0);
        transform: translate3d(0, .625rem, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -1.25rem, 0);
        transform: translate3d(0, -1.25rem, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(1.25rem, 0, 0);
        transform: translate3d(1.25rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(1.25rem, 0, 0);
        transform: translate3d(1.25rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-1.25rem, 0, 0);
        transform: translate3d(-1.25rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-1.25rem, 0, 0);
        transform: translate3d(-1.25rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1.25rem, 0);
        transform: translate3d(0, 1.25rem, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -.625rem, 0);
        transform: translate3d(0, -.625rem, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 1.25rem, 0);
        transform: translate3d(0, 1.25rem, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 125rem, 0);
        transform: translate3d(0, 125rem, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-125rem, 0, 0);
        transform: translate3d(-125rem, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(125rem, 0, 0);
        transform: translate3d(125rem, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -125rem, 0);
        transform: translate3d(0, -125rem, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(25rem) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg);
        transform: perspective(25rem) scaleZ(1) translateZ(9.375rem) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg);
        transform: perspective(25rem) scaleZ(1) translateZ(9.375rem) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(25rem) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(25rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(25rem) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(25rem) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -190deg);
        transform: perspective(25rem) scaleZ(1) translateZ(9.375rem) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 9.375rem) rotate3d(0, 1, 0, -170deg);
        transform: perspective(25rem) scaleZ(1) translateZ(9.375rem) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(25rem) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(25rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(25rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(25rem) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg);
        transform: perspective(25rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg);
        transform: perspective(25rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 10deg);
        transform: perspective(25rem) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -5deg);
        transform: perspective(25rem) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg);
        transform: perspective(25rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg);
        transform: perspective(25rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 10deg);
        transform: perspective(25rem) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -5deg);
        transform: perspective(25rem) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
        transform: perspective(25rem) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
        transform: perspective(25rem) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
        transform: perspective(25rem) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
        transform: perspective(25rem) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
        transform: perspective(25rem) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -20deg);
        transform: perspective(25rem) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 10deg);
        transform: perspective(25rem) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -5deg);
        transform: perspective(25rem) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
    30% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg);
        transform: perspective(25rem) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg);
        transform: perspective(25rem) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
    30% {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -20deg);
        transform: perspective(25rem) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 90deg);
        transform: perspective(25rem) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
    30% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -15deg);
        transform: perspective(25rem) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
        transform: perspective(25rem) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(25rem);
        transform: perspective(25rem)
    }
    30% {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, -15deg);
        transform: perspective(25rem) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(25rem) rotate3d(0, 1, 0, 90deg);
        transform: perspective(25rem) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 43.75rem, 0);
        transform: translate3d(0, 43.75rem, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 43.75rem, 0);
        transform: translate3d(0, 43.75rem, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -62.5rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -62.5rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -62.5rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -62.5rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-62.5rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-62.5rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.625rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-62.5rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-62.5rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.625rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(62.5rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(62.5rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.625rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(62.5rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(62.5rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.625rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 62.5rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 62.5rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 62.5rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 62.5rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 125rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 125rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 125rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 125rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(2.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(2.625rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-125rem, 0, 0);
        transform: scale(.1) translate3d(-125rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(2.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(2.625rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-125rem, 0, 0);
        transform: scale(.1) translate3d(-125rem, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-2.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-2.625rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(125rem, 0, 0);
        transform: scale(.1) translate3d(125rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-2.625rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-2.625rem, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(125rem, 0, 0);
        transform: scale(.1) translate3d(125rem, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -125rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -125rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 3.75rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -125rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -125rem, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

@keyframes rotating {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pulsate {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        transform: scale(1.2);
        opacity: 1
    }
    to {
        transform: scale(.1);
        opacity: 0
    }
}

@-webkit-keyframes opacityPulse {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes opacityPulse {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes alertPulse {
    0% {
        background-color: #9a2727;
        opacity: 1
    }
    50% {
        opacity: red;
        opacity: .75
    }
    to {
        opacity: #9A2727;
        opacity: 1
    }
}

@keyframes alertPulse {
    0% {
        background-color: #9a2727;
        opacity: 1
    }
    50% {
        opacity: red;
        opacity: .75
    }
    to {
        opacity: #9A2727;
        opacity: 1
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

* a {
    color: #c9aa71 !important
}

h1 {
    color: #c9aa71;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    font-weight: 200;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgb(0, 0, 0)
}

.searchbar {
    width: 12.5rem;
    height: 2.0625rem;
    border-radius: 3.125rem;
    border: .0625rem solid #a98f5f;
    outline: none;
    color: #fff;
    background-color: #000;
    margin-top: .5rem !important;
    padding: .3125rem .3125rem .3125rem .625rem;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

body {
    position: absolute;
    font: 100% Beaufort, Segoe UI, Helvetica, sans-serif;
    overflow-x: hidden !important;
    min-height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

#itemModal .modal-content {
    padding: 0rem !important
}

.container {
    height: auto;
    padding: 0;
    margin-bottom: 10vh
}

section {
    width: 100%
}

.itemtitle {
    padding: 0 1.5em !important;
    line-height: 3rem !important;
    font-size: .875rem !important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    -webkit-transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    color: #c9aa71 !important
}

#itemCollapse {
    width: 100%;
    position: absolute;
    background-color: #121212;
    margin-top: -.4375rem;
    z-index: 99999
}

#itemModal .modal-body {
    overflow-y: auto
}

.asc-navbar-categories .navbar-toggler {
    outline: none
}

.asc-navbar.asc-sticky-header {
    display: flex !important;
    justify-content: center !important;
    top: 5.625rem !important
}

.asc-navbar.asc-sticky-header .asc-navbar-lower {
    padding-left: 1rem !important;
    margin-left: 4rem !important;
    width: 101.875rem !important
}

.asc-navbar {
    display: none !important;
    position: fixed;
    color: #c9aa71;
    margin-top: 3.1875rem;
    width: 100%;
    z-index: 998;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    font-weight: 700;
    top: -.125rem !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 999
}

.asc-navbar .container {
    margin: 0;
    border: none;
    min-height: 0 !important;
    height: 100%
}

.asc-navbar div .asc-navbar-actions {
    padding-right: 1rem
}

.asc-navbar #txtinput {
    background-color: #0000006b !important;
    border-width: .125rem !important;
    border-style: ridge !important
}

.asc-navbar .asc-navbar-upper {
    display: none !important;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem
}

.asc-navbar .asc-navbar-upper .asc-navbar-logo p {
    margin-left: 1.875rem
}

.asc-navbar .asc-navbar-upper .asc-navbar-logo img {
    margin-top: .3125rem
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a {
    margin-left: 1.25rem
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a .acc-p-img {
    height: 1rem !important;
    margin-top: .625rem;
    margin-right: .625rem
}

.asc-navbar .asc-navbar-upper .asc-navbar-account a .acc-p-desc {
    color: #ffe4c7
}

.asc-navbar .asc-navbar-lower {
    display: none !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    height: 3.125rem;
    background-color: #080808;
    background: #211510 url(../fonts/27c41c1f.jpg) repeat-x 5rem 0;
    line-height: 3.125rem;
    border-bottom: .0625rem solid #c9aa71;
    padding-left: 1rem
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-btnHome {
    padding: .3125rem .9375rem;
    border: .0625rem solid #c9aa71;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-btnHome:hover {
    background-color: #c9aa71;
    color: #000 !important
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .divider {
    padding: 0 1.25rem;
    font-weight: lighter;
    color: #c9aa71
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-item {
    text-transform: uppercase;
    margin: 0 .3125rem;
    font-size: .625rem;
    -webkit-transition: font-size .3s ease;
    -moz-transition: font-size .3s ease;
    -ms-transition: font-size .3s ease;
    -o-transition: font-size .3s ease;
    transition: font-size .3s ease;
    -webkit-transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    -moz-transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    -ms-transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    -o-transition: color 2s cubic-bezier(.06, .81, 0, .98) !important;
    transition: color 2s cubic-bezier(.06, .81, 0, .98) !important
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-item:hover {
    color: #ffe4c7 !important;
    text-shadow: 0 0 .0625rem transparent, 0rem 0rem .625rem #ffe4c7
}

.asc-navbar .asc-navbar-lower .asc-navbar-categories .asc-navbar-selected {
    font-weight: 700;
    text-decoration: underline;
    text-shadow: 0 0 .0625rem transparent, 0rem 0rem .625rem #c9aa71
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item {
    font-size: .8125rem;
    margin: 0 .625rem;
    -webkit-transition: font-size .3s ease;
    -moz-transition: font-size .3s ease;
    -ms-transition: font-size .3s ease;
    -o-transition: font-size .3s ease;
    transition: font-size .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item:hover {
    color: #ffe4c7 !important;
    text-shadow: 0 0 .0625rem transparent, 0rem 0rem .625rem #ffe4c7
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item img {
    margin-top: .75rem;
    margin-right: .625rem
}

.asc-navbar .asc-navbar-lower .asc-navbar-actions .asc-navbar-item p {
    padding: .0625rem
}

.asc-shop-hover {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 1rem .875rem #0006;
    overflow: hidden
}

.asc-shop-hover:hover {
    transform: scale(1.1);
    z-index: 1020 !important;
    border: .0625rem solid #c9aa71 !important
}

.asc-navbar-categories.full {
    overflow: hidden;
    height: 3.125rem
}

.searched_item {
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden
}

.jscroll-inner, .jscroll-added, .infinite-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-basis: 100%
}

.noitems {
    font-size: 1.5rem;
    padding: 5rem 1.25rem;
    text-align: center;
    width: 100%;
    color: #c9aa71;
    border: .0625rem solid;
    margin-top: 1.25rem;
    text-shadow: 0rem 0rem .125rem
}

@media (min-width: 1200px) {
    .asc-navbar-categories-mobile {
        display: none
    }

    .card-container {
        flex-direction: unset
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-toggler {
        display: none
    }

    .shop-intro {
        flex-direction: column !important
    }

    .shop-intro .shop-side {
        flex-direction: column !important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block !important
    }

    .shop-intro .shop-side .shop-item-l, .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 5.9375rem !important
    }

    .shop-intro .shop-side .shop-side-lower, .shop-intro .shop-side .shop-side-upper {
        flex-direction: column !important
    }

    .asc-navbar-categories-mobile {
        display: none
    }

    .card-container {
        flex-direction: unset
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .asc-navbar-categories-mobile {
        display: block
    }

    .card-container {
        flex-direction: unset
    }

    .col-3 {
        flex: 0 0 35% !important;
        max-width: 35% !important
    }

    #shop .shop-item-large {
        height: 36.875rem !important
    }

    #shop .shop-item-large-desc {
        height: auto !important
    }

    #shop .shop-bestSellers {
        padding: 0 !important
    }

    .navbar-toggler {
        display: none
    }

    .asc-navbar-categories-mobile .navbar-toggler {
        display: block
    }

    .shop-item-seller {
        height: 16.125rem !important
    }

    .shop-intro {
        flex-direction: column !important
    }

    .shop-intro .shop-side {
        flex-direction: column !important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block !important
    }

    .shop-intro .shop-side .shop-item-l, .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 5.9375rem !important
    }

    .shop-intro .shop-side .shop-side-lower, .shop-intro .shop-side .shop-side-upper {
        flex-direction: column !important
    }

    .shop-intro .shop-side .shop-side-upper .shop-item-l {
        margin-top: 10.75rem !important
    }

    .col-3 {
        flex: 14 12 100% !important;
        max-width: 100% !important
    }

    .asc-navbar-actions p, .navbar-toggler {
        display: none
    }

    .asc-navbar-categories-mobile, .asc-navbar-categories-mobile .navbar-toggler {
        display: block
    }

    .asc-navbar-categories.full {
        display: none
    }

    .shop-item-seller {
        height: 16.9375rem !important
    }

    #shop .shop-header #shop-type {
        font-size: 2rem
    }

    #shop .shop-item-large-desc {
        bottom: -30% !important
    }

    #shop .shop-sub-header {
        margin-top: 13vh
    }

    #shop .shop-item-large {
        height: 30.625rem !important
    }
}

@media (max-width: 575.98px) {
    .shop-intro {
        flex-direction: column !important
    }

    .shop-intro .shop-side {
        flex-direction: column !important;
        flex: 0 0 100%;
        max-width: 100%;
        display: block !important
    }

    .shop-intro .shop-side .shop-item-l, .shop-intro .shop-side .shop-item-r {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 5.9375rem !important
    }

    .shop-intro .shop-side .shop-side-lower, .shop-intro .shop-side .shop-side-upper {
        flex-direction: column !important
    }

    .col-3 {
        flex: 0 0 80% !important;
        max-width: 80% !important;
        margin-top: .625rem
    }

    .card-container {
        align-items: center;
        flex-direction: column !important
    }

    .asc-navbar-actions p {
        display: none
    }

    .asc-navbar-categories-mobile {
        display: block
    }

    .navbar-toggler {
        display: none
    }

    .asc-navbar-categories-mobile .navbar-toggler {
        display: block
    }

    #shop .shop-item {
        padding-left: 1.875rem !important;
        padding-right: 1.875rem !important;
        margin-top: 1.25rem !important
    }

    #shop .shop-item .img-container {
        height: 19.1875rem
    }

    .asc-navbar-categories.full {
        display: none
    }

    .shop-item-seller {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 4.6875rem !important
    }

    #shop .shop-header #shop-type {
        font-size: 1rem
    }

    #shop .shop-item-desc {
        width: calc(100% - 3.75rem) !important
    }

    #shop .shop-sub-header {
        margin-top: 18vh
    }

    #shop .shop-item-large-desc .shop-item-title h4 {
        font-size: 1.125rem
    }

    #shop .shop-item-large-desc .shop-item-title h5 {
        font-size: 1.375rem
    }

    #shop .shop-item-large-desc .shop-item-title p {
        font-size: .875rem
    }

    #shop .shop-sub-header #shop-type {
        font-size: 1rem
    }

    #shop .shop-item-large {
        height: 27.5rem !important
    }

    #shop .shop-item-large img {
        height: 18.75rem !important
    }
}

.bg-vid {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: fill;
    object-fit: fill;
    z-index: 0;
    position: absolute
}

.edit-section {
    position: absolute
}

#realmlist {
    margin-top: 0rem !important;
    padding-top: 0 !important
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #realmlist .realm-card {
        height: auto !important;
        min-height: 23.875rem !important
    }
}

@media (max-width: 48rem) {
    #realmlist .realm-card {
        height: 15rem !important;
        object-fit: cover;
        object-position: center !important
    }

    #realmlist .fc__thumb {
        object-fit: cover;
        object-position: center !important
    }
}

#realmlist .realm-card {
    height: 37.5rem;
    width: 23.75rem;
    max-width: 21.875rem;
    max-height: 34.375rem;
    padding: .5rem;
    visibility: visible;
    overflow: hidden
}

#realmlist .realm-card:hover .realm-edit {
    opacity: 1
}

#realmlist .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .0625rem .1875rem #0000004d, 0 .3125rem .3125rem #0009;
    border: .0625rem solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0 !important;
    padding: 0rem .3125rem !important;
    background: #131415;
    border-radius: .1875rem;
    box-shadow: 0 0 .3125rem #000
}

#realmlist .realm-card-inner .character-view .mdi {
    height: 1.5625rem;
    width: 1.5625rem;
    border-radius: .3125rem;
    line-height: 1.875rem;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none !important;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black
}

#realmlist .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none !important;
    text-shadow: 0 0 .1875rem #0d4364, 0 0 .1875rem #0d4364
}

#realmlist .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

#realmlist .realm-card-inner .rdp-view {
    position: absolute;
    top: 1rem;
    left: .75rem;
    right: .75rem;
    margin: 0 !important;
    padding: .625rem !important;
    background: #131415;
    border-radius: .1875rem;
    box-shadow: 0 0 .3125rem #000
}

#realmlist .realm-card-inner .rdp-view p {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    color: #97d292
}

#realmlist .realm-card-inner .circle-positioning {
    position: absolute;
    top: 2.8125rem;
    right: 0;
    height: 3.125rem;
    width: 3.125rem;
    z-index: 10
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle {
    position: absolute;
    display: block;
    transform: translate(-50%) translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    cursor: cell !important
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle #alert-icon {
    color: #000;
    z-index: 10;
    line-height: 1.875rem;
    display: block;
    position: absolute;
    top: .25rem;
    left: .6875rem
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 2.8125rem;
    background-color: #ff0;
    animation: pulse-ring 1.25s cubic-bezier(.215, .61, .355, 1) infinite
}

#realmlist .realm-card-inner .circle-positioning .pulsating-circle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: orange;
    border-radius: .9375rem;
    box-shadow: 0 0 .5rem #0000004d;
    animation: pulse-dot 1.25s cubic-bezier(.455, .03, .515, .955) -.4s infinite
}

#realmlist .realm-card-inner p, #realmlist .realm-card-inner h1, #realmlist .realm-card-inner h2, #realmlist .realm-card-inner h3, #realmlist .realm-card-inner h4, #realmlist .realm-card-inner h5, #realmlist .realm-card-inner span, #realmlist .realm-card-inner .realm-info, #realmlist .realm-card-inner .realm-label {
    transform: translateZ(.3125rem);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-info h4, #realmlist .realm-card-inner .realm-info h5 {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

#realmlist .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid #fb4646;
    border-left: .0625rem solid #fb4646;
    border-bottom: .0625rem solid #fb4646
}

#realmlist .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: .0625rem solid #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100;
    width: 8.125rem !important;
    height: 3.125rem !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

#realmlist .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000 !important
}

#realmlist .realm-card-inner .realm-edit:hover .btn {
    border: none !important;
    color: #000 !important
}

#realmlist .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100% !important;
    font-size: 1.1rem
}

#realmlist .realm-card-inner:hover {
    box-shadow: 0 .875rem 1.75rem #00000040, 0 .625rem .625rem #00000038;
    border: .0625rem solid #c9aa71;
    padding: 4rem 2rem
}

#realmlist .realm-card-inner:hover p, #realmlist .realm-card-inner:hover h1, #realmlist .realm-card-inner:hover h2, #realmlist .realm-card-inner:hover h3, #realmlist .realm-card-inner:hover h4, #realmlist .realm-card-inner:hover h5, #realmlist .realm-card-inner:hover span, #realmlist .realm-card-inner:hover .realm-info {
    transform: translateZ(1.875rem)
}

#realmlist .realm-card-inner:hover .realm-label {
    box-shadow: 0 .3125rem .3125rem #00000040, 0 .3125rem .3125rem #00000071
}

#realmlist .realm-card-inner:hover .realm-info h4 {
    bottom: 0 !important
}

#realmlist .realm-card-inner:hover .realm-info h5 {
    opacity: 1;
    height: 1.35rem
}

#realmlist .realm-card-inner:hover img {
    transform: scale(1.2)
}

#realmlist .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#realmlist .realm-card-inner .realm-info h4 {
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 0 !important;
    display: inline-block;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-shadow: 0 0 .9375rem #000, 0 0 .9375rem #000;
    position: relative;
    bottom: -.3125rem
}

#realmlist .realm-card-inner .realm-info h5 {
    opacity: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 0rem
}

#realmlist .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.asc-card {
    height: auto !important;
    transform-style: preserve-3d !important
}

.asc-card * {
    transform: translateZ(1.25rem) !important
}

.admin-btn {
    background-color: #c9aa71e6;
    border-width: .125rem;
    border-style: solid;
    border-color: #111111e6;
    padding: .125rem .25rem 0rem;
    margin-left: 1rem !important;
    margin-top: 1rem !important
}

.img-container:hover {
    opacity: .8;
    margin-top: -.625rem
}

.subtract, .addition {
    background-color: #222;
    border-radius: .125rem;
    border: .0625rem solid #eca659
}

.subtract:hover, .addition:hover {
    opacity: .8
}

.subtract:active, .addition:active {
    opacity: .8;
    border: .125rem solid #eca659;
    border-style: inset
}

.btn-asc {
    background-color: #c9aa71;
    border-style: none;
    top: 1rem;
    border-radius: .1875rem;
    position: relative;
    color: #000 !important;
    box-shadow: 0 0 1.25rem .0625rem #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.btn-asc .material-icons {
    padding-top: .3125rem
}

.btn-asc:hover {
    box-shadow: 0 0 1.25rem .0625rem #c9aa71
}

.character-text {
    margin-top: .3125rem
}

.addition, .subtract {
    height: 2.25rem;
    padding: .3125rem
}

.p-fix, .update-cart-with-char, .p-fix:hover, .update-cart-with-char:hover {
    padding: .625rem
}

.own-character-checkbox input {
    margin-top: .125rem;
    margin-right: .3125rem;
    padding: .625rem !important
}

.other-character-add {
    margin-top: -.1875rem
}

#character-editor .modal-body {
    padding: .75rem !important
}

.sort-item {
    margin-bottom: .9375rem
}

.sort-item .item-container {
    border: .0625rem solid #32281f;
    height: 16.75rem;
    background-color: #171717;
    overflow: hidden
}

.sort-item .item-container .remove-featured {
    position: absolute
}

.sort-item .item-container .img {
    height: 12.5rem;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sort-item .item-container .item-footer {
    background-color: #111111e6;
    border-top: .0625rem solid #7e633b;
    padding: .3125rem;
    color: wheat;
    width: 100%;
    height: 4.0625rem;
    overflow: hidden
}

.sort-item .item-container .item-footer .item-title {
    white-space: nowrap;
    overflow: hidden
}

.sort-item .item-container .item-footer .item-title h5 {
    color: #ffe4c7;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .3125rem;
    margin-top: .3125rem
}

.sort-item .item-container .item-footer .item-price {
    display: block
}

.sort-item .item-container .item-footer .item-price .price-icon {
    height: .75rem;
    width: .75rem;
    margin-right: .3125rem
}

.sort-item .item-container .item-footer .item-price .price {
    font-size: .75rem
}

.sort-item .item-container:hover {
    box-shadow: 0 0 .9375rem #5b1c0f
}

.manage-order-modal {
    max-width: 90% !important
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.scroll-downs {
    right: 0;
    padding-bottom: 4.375rem;
    left: 0;
    margin: auto;
    width: 2.125rem;
    height: 3.4375rem;
    z-index: 10
}

.mousey {
    width: .1875rem;
    padding: .625rem .9375rem;
    height: 2.1875rem;
    border: .125rem solid #c9aa71;
    border-radius: 1.5625rem;
    opacity: .75;
    box-sizing: content-box
}

.scroller {
    width: .1875rem;
    height: .625rem;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite
}

@keyframes scroll {
    0% {
        opacity: 0
    }
    10% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(.9375rem);
        opacity: 0
    }
}

.hide-nav {
    overflow: hidden !important
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #f0a70f;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: .125rem;
    display: none
}

.pace .pace-progress-inner {
    display: none;
    position: absolute;
    right: 0rem;
    width: 6.25rem;
    height: 100%;
    box-shadow: 0 0 .625rem #f0a70f, 0 0 .3125rem #f0a70f;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0rem, -.25rem);
    -moz-transform: rotate(3deg) translate(0rem, -.25rem);
    -ms-transform: rotate(3deg) translate(0rem, -.25rem);
    -o-transform: rotate(3deg) translate(0rem, -.25rem);
    transform: rotate(3deg) translateY(-.25rem)
}

.pace .pace-activity {
    display: none;
    position: fixed;
    z-index: 2000;
    top: .9375rem;
    right: .9375rem;
    width: .875rem;
    height: .875rem;
    border: solid .125rem transparent;
    border-top-color: #f0a70f;
    border-left-color: #f0a70f;
    border-radius: .625rem;
    -webkit-animation: pace-spinner .4s linear infinite;
    -moz-animation: pace-spinner .4s linear infinite;
    -ms-animation: pace-spinner .4s linear infinite;
    -o-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.loader, .loader:before, .loader:after {
    border-radius: 50%
}

.loader {
    color: #fff;
    font-size: .6875rem;
    text-indent: -99999em;
    margin: 3.4375rem auto;
    position: relative;
    width: 1rem;
    height: 1rem;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before, .loader:after {
    position: absolute;
    content: ""
}

.loader:before {
    width: .5rem;
    height: 1rem;
    background: #262626;
    border-radius: 1rem 0 0 1rem;
    top: -.1em;
    left: -.1em;
    -webkit-transform-origin: .5rem .5rem;
    transform-origin: .5rem .5rem;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s
}

.loader:after {
    width: .5rem;
    height: 1rem;
    background: #262626;
    border-radius: 0 1rem 1rem 0;
    top: -.1em;
    left: 4.9em;
    -webkit-transform-origin: .1em .5rem;
    transform-origin: .1em .5rem;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (min-width: 61.9375rem) {
    .vh-100 {
        height: auto !important
    }
}

@media (max-width: 48rem) {
    .toasted-container.top-right {
        top: 10%;
        right: 0rem;
        width: 80%;
        text-align: center !important
    }

    .vh-100 {
        height: 100vh !important
    }

    .toasted {
        text-align: center !important
    }
}

.news-container, .news-item-large, .news-main {
    transition: all .5s ease
}

.test-trans {
    transition: all .5s ease-in-out
}

.asc-navbar {
    top: 9.0625rem;
    position: fixed;
    z-index: 998;
    width: 100vw;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.asc-sticky-navbar {
    top: -.0625rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width: 48rem) {
    #shop-object {
        top: 3rem !important
    }
}

#shop-object {
    min-height: 100% !important;
    position: relative;
    padding-bottom: 5rem;
    top: 0rem
}

@media (max-width: 61.125rem) {
    #shop-object .item-hero-right {
        display: none
    }
}

@media only screen and (max-width: 57.4375rem) {
    #shop-object .page-title {
        font-size: 1.25rem !important
    }

    #shop-object .item-hero-right {
        margin-top: 3rem
    }

    #shop-object .item-header {
        font-size: 2rem
    }

    #shop-object .item-info {
        margin-top: 2rem
    }
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-buy {
        background-color: #c9aa71;
        padding: 1rem 0;
        top: 1rem;
        border-radius: .3125rem;
        position: relative;
        color: #000 !important;
        box-shadow: 0 0 1.25rem .0625rem #625030;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        display: inline-block;
        text-align: center
    }

    #shop-object .item-info .item-checkout {
        padding: 1rem 3rem;
        top: 1rem;
        border-radius: .3125rem;
        position: relative;
        color: #fff;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        display: inline-block;
        text-align: center;
        text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
        box-shadow: 0 0 .625rem .0625rem #11998e;
        background: #11998e;
        background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
        background: linear-gradient(to right, #38ef7d, #11998e)
    }

    #shop-object .item-info .item-checkout:hover {
        box-shadow: 0 0 .9375rem .0625rem #38ef7d;
        text-shadow: 0 0 .1875rem rgba(0, 0, 0, .7), 0 0 .1875rem rgba(0, 0, 0, .7) !important
    }

    #shop-object .item-buttons-wrapper {
        position: relative;
        top: 3rem !important;
        justify-content: center
    }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    #shop-object .item-buttons-wrapper {
        padding-bottom: 3rem
    }
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-header {
        font-size: 2rem !important
    }

    #shop-object .item-qty-sel {
        max-width: 4.375rem;
        height: 2.5rem !important;
        font-size: 1rem;
        box-shadow: 0 0 .3125rem .3125rem #0003 !important
    }
}

#shop-object .page-title {
    padding-left: 1.875rem;
    font-size: 1.95rem !important
}

#shop-object .container {
    margin-bottom: 0
}

#shop-object .input-group .input-group-prepend .input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #c9aa71 !important;
    border: .0625rem solid #c9aa71;
    border-radius: .25rem
}

@media (max-width: 48rem) {
    #shop-object .hero-img {
        height: auto !important
    }
}

#shop-object .hero-img {
    background-position: center;
    height: 31.25rem;
    border-radius: 1.25rem;
    width: 100% !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    border: .0625rem solid transparent;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#shop-object .hero-img#showcase-vid {
    height: 21.25rem !important
}

#shop-object #edit-item, #shop-object #delete-item {
    border: .0625rem solid #c9aa71;
    border-color: #c9aa71 !important;
    border-radius: .3125rem;
    position: relative;
    color: #c9aa71 !important;
    outline: none !important;
    box-shadow: 0 0 1.25rem .0625rem #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    margin-bottom: 1rem
}

#shop-object #edit-item:hover, #shop-object #delete-item:hover {
    box-shadow: 0 0 1.25rem .0625rem #c9aa71;
    color: #000 !important
}

#shop-object #delete-item.primary-btn {
    border: .0625rem solid crimson;
    color: #dc143c !important;
    border-color: #dc143c !important;
    box-shadow: 0 0 1.25rem .0625rem #dc143c7e
}

#shop-object #delete-item.primary-btn:hover {
    box-shadow: 0 0 1.25rem .0625rem #dc143c;
    color: #000 !important;
    background-color: #dc143c !important
}

#shop-object .dropdown-toggle {
    box-shadow: none !important;
    background-color: transparent !important;
    border: .0625rem solid #444951 !important
}

#shop-object .dropdown-menu {
    z-index: 1000;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #282a2d !important;
    background-clip: padding-box;
    border: .0625rem solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

#shop-object .dropdown-menu .dropdown-item:hover {
    background: #37393d !important
}

#shop-object .item-qty-sel {
    max-width: 4.375rem;
    height: 3.125rem;
    font-size: 1rem;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#shop-object .hero-img-edit {
    max-width: 18.75rem
}

#shop-object .bundle-info .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#shop-object .bundle-info .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#shop-object .bundle-info .bundle-ul {
    padding: .75rem 1rem;
    max-height: 15rem;
    min-height: 15rem;
    overflow-y: scroll;
    background-color: #1a1919;
    border: .0625rem solid #2e2e2e
}

#shop-object .bundle-info .bundle-ul .bundle-li {
    list-style: none;
    margin: .5rem 0
}

#shop-object .bundle-info .bundle-ul .bundle-li .bundle-item-link {
    max-width: 8.75rem;
    width: 8.75rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#shop-object .bundle-info .bundle-ul .bundle-li .bundle-li-img {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-right: 1rem;
    border: .0625rem solid #c9aa71
}

#shop-object .bundle-info .bundle-ul .bundle-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 2.5rem;
    cursor: pointer
}

#shop-object .bundle-info .bundle-ul .bundle-li .mdi:hover {
    color: #c9aa71
}

#shop-object .bundle-info .bundle-description-ul {
    padding: .75rem 1rem;
    overflow-y: scroll;
    background-color: #1a1919;
    border: .0625rem solid #2e2e2e
}

#shop-object .bundle-info .bundle-description-ul .bundle-li {
    list-style: none;
    margin: .5rem 0
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .bundle-item-link {
    max-width: 8.75rem;
    width: 8.75rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .bundle-li-img {
    width: 1.5625rem;
    height: 25x;
    margin-right: 1rem;
    border: .0625rem solid #c9aa71
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 2.5rem;
    cursor: pointer
}

#shop-object .bundle-info .bundle-description-ul .bundle-li .mdi:hover {
    color: #c9aa71
}

#shop-object .item-info {
    display: inline-block;
    align-self: center
}

#shop-object .item-info .item-header {
    font-weight: bolder;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    text-shadow: .125rem .125rem .8125rem #625030;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-info .item-desc {
    font-size: 1.5rem;
    color: #dcdcdc;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-info .item-bundle .bundle-title {
    text-shadow: .125rem .125rem .8125rem #625030;
    color: #c9aa71;
    font-weight: 700
}

#shop-object .item-info .item-bundle .bundle-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item {
    margin: .75em 0
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-item-img {
    height: 1.5625rem;
    width: 1.5625rem;
    filter: drop-shadow(0rem 0rem .3125rem black);
    -webkit-filter: drop-shadow(0rem 0rem .3125rem black)
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-item-name {
    color: #dcdcdc;
    text-shadow: 0rem 0rem .3125rem black
}

#shop-object .item-info .item-bundle .bundle-list .bundle-item .bundle-highlight {
    color: #dc143c !important
}

#shop-object .item-info .item-buy {
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    box-shadow: 0 0 1.25rem .0625rem #2f80ed;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-right: .625rem;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2)
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-buy {
        margin-bottom: 1rem
    }
}

#shop-object .item-info .item-buy:hover {
    box-shadow: 0 0 1.25rem .0625rem #56ccf2;
    color: #fff !important
}

#shop-object .item-info .item-added {
    pointer-events: none;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5;
    margin-right: .625rem;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2)
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-added {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1rem
    }
}

#shop-object .item-info .item-added:hover {
    box-shadow: 0 0 1.25rem .0625rem #56ccf2;
    color: #fff !important
}

#shop-object .item-info .item-wishlist {
    padding: 1rem;
    top: 1rem;
    left: .75rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    box-shadow: 0 0 .625rem .0625rem #912131;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-right: .625rem;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #CB356B;
    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B);
    background: linear-gradient(to right, #BD3F32, #CB356B)
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-wishlist {
        margin-bottom: 1rem
    }
}

#shop-object .item-info .item-wishlist:hover {
    box-shadow: 0 0 .625rem .0625rem #db5280;
    color: #fff !important
}

#shop-object .item-info .item-wishlisted {
    pointer-events: none;
    padding: 1rem;
    top: 1rem;
    left: .75rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5;
    margin-right: .625rem;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #CB356B;
    background: -webkit-linear-gradient(to right, #BD3F32, #CB356B);
    background: linear-gradient(to right, #BD3F32, #CB356B)
}

@media (max-width: 48rem) {
    #shop-object .item-info .item-wishlisted {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1rem
    }
}

#shop-object .item-info .item-checkout {
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #fff !important;
    box-shadow: 0 0 1.25rem .0625rem #555350;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    box-shadow: 0 0 .625rem .0625rem #11998e;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
    cursor: pointer
}

#shop-object .item-info .item-checkout:hover {
    box-shadow: 0 0 .9375rem .0625rem #38ef7d;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .7), 0 0 .1875rem rgba(0, 0, 0, .7) !important
}

#shop-object .item-info .item-cost {
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-info .item-cost-amount {
    color: #dcdcdc;
    line-height: 2.5rem !important;
    margin-left: .5rem;
    font-weight: 700;
    font-size: 2rem;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-info .item-cost-discount {
    color: #6c6c6cc4;
    text-decoration: line-through !important;
    line-height: 2.5rem !important;
    margin-left: .5rem;
    font-weight: 700;
    font-size: 2rem;
    -webkit-user-select: none;
    user-select: none;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#shop-object .item-info .item-gift {
    margin-left: 1rem;
    background-color: #1e1e1e;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#shop-object .item-info .item-gift:hover {
    box-shadow: 0 0 1.25rem .0625rem #c9aa71
}

#shop-object .item-info .textform-item-desc:focus {
    background-color: transparent !important;
    color: #979a9f !important
}

#shop-object .item-info .textform-item-desc:active {
    background-color: transparent !important
}

#shop-object .item-gallery {
    display: flex;
    margin-top: 2rem;
    overflow: hidden
}

#shop-object .item-gallery .gallery-item {
    padding: .5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#shop-object .item-gallery .gallery-item:hover .gallery-title {
    text-shadow: .125rem .125rem .8125rem #997a45;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-gallery .gallery-item:hover .gallery-item-content {
    filter: sepia(.75);
    border-color: #c9aa71
}

#shop-object .item-gallery .gallery-item:hover .gallery-item-content-add {
    filter: sepia(.75);
    border-color: #fff;
    cursor: pointer
}

#shop-object .item-gallery .gallery-item:hover .gallery-text {
    color: #fff;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-gallery .gallery-item .gallery-item-content {
    background-color: #ffffff12;
    border-radius: .625rem;
    width: 100%;
    height: 12.8125rem;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important;
    border: .0625rem solid transparent;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #shop-object .item-gallery .gallery-item .gallery-item-content {
        height: 8.875rem !important
    }
}

#shop-object .item-gallery .gallery-item .gallery-item-content-add {
    border-radius: .625rem;
    width: 100%;
    height: 27.1875rem !important;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important;
    border: .0625rem solid transparent;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-user-select: none;
    user-select: none;
    border: .0625rem solid #444951
}

#shop-object .item-gallery .gallery-item .gallery-item-content-add:after {
    content: "+";
    position: absolute;
    top: calc(50% - 1.1875rem);
    left: calc(50% - .5625rem);
    font-size: 2.625rem;
    color: #fff !important;
    font-weight: lighter
}

#shop-object .item-gallery .gallery-item .gallery-image {
    width: 100%
}

#shop-object .item-gallery .gallery-item .gallery-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c9aa71;
    text-shadow: .125rem .125rem .8125rem #625030;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-gallery .gallery-item .gallery-text {
    margin-top: 1rem;
    color: #dcdcdc;
    letter-spacing: .0625rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-user-select: none;
    user-select: none
}

#shop-object .item-gallery .gallery-item .gallery-text .textform-item-desc:focus {
    background-color: transparent !important;
    color: #979a9f !important
}

#shop-object .item-gallery .gallery-item .gallery-text .textform-item-desc:active {
    background-color: transparent !important
}

#item-publish-modal .table-dark {
    background-color: #1a1919;
    border: .0625rem solid #2e2e2e
}

#item-publish-modal .table-dark thead {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important
}

#item-publish-modal .table-dark tbody tr td {
    color: #dcdcdc
}

canvas {
    color: #c9aa71
}

.modal-header {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    color: #c9aa71
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #c9aa71;
    text-shadow: 0 .0625rem 0 #c9aa71;
    opacity: 1
}

.close:hover {
    color: #c9aa71;
    text-shadow: 0 .0625rem 0 #c9aa71
}

@media only screen and (max-width: 57.4375rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
        display: none !important
    }
}

#content-wrapper-store {
    padding-top: 4.375rem
}

#content-wrapper-store #shop .featured-banner {
    background-color: #000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    margin: 0 -2rem;
    height: 12.5rem;
    box-shadow: 0 0 .125rem #333 inset, 0 0 .125rem #333;
    overflow: hidden !important;
    position: relative;
    transform: translateZ(.0625rem)
}

#content-wrapper-store #shop .featured-banner:hover .featured-overlay {
    opacity: 0
}

#content-wrapper-store #shop .featured-banner .featured-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0rem;
    opacity: .4;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    transform: translateZ(.0625rem)
}

#content-wrapper-store #shop .featured-banner .featured-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    border-radius: 0rem;
    background: #ff5f6d;
    background: -webkit-linear-gradient(to right, #ffc371, #ff5f6d);
    background: linear-gradient(to right, #ffc371, #ff5f6d);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: .4;
    z-index: 1
}

#content-wrapper-store #shop .featured-banner .featured-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    background-color: #000;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: .5;
    z-index: 2
}

#content-wrapper-store #shop .featured-banner .featured-inner {
    color: #fff !important;
    margin: 0 auto !important;
    height: auto;
    max-width: 50rem;
    text-align: center;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    z-index: 3
}

#content-wrapper-store #shop .featured-banner .featured-inner h1, #content-wrapper-store #shop .featured-banner .featured-inner h5 {
    color: #fff !important;
    font-weight: bolder;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem rgb(0, 0, 0), 0 0 .3125rem rgb(0, 0, 0) !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .featured-banner .featured-inner h1.featured-maintext {
    margin-bottom: 0rem !important;
    margin-top: 1rem;
    font-size: 4.5rem;
    text-transform: capitalize
}

#content-wrapper-store #shop .featured-banner .featured-inner h5.featured-subtext {
    font-size: 1.5rem;
    color: #c9aa71 !important;
    margin-bottom: 1rem !important;
    margin-left: auto;
    margin-right: auto
}

#content-wrapper-store #shop .featured-banner .featured-inner button {
    padding: .75rem 1.5rem;
    margin-top: 1rem;
    background-color: #c9aa71;
    color: #171007;
    font-weight: 700;
    border: .0625rem solid #eacd97 !important
}

#content-wrapper-store #shop .content-row {
    color: #fff !important
}

#content-wrapper-store #shop .content-row .shop-sidebar {
    border-radius: .625rem
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list {
    padding: 0;
    list-style: none
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item {
    width: 100%;
    height: 6.25rem;
    background-color: #1d1d1d;
    border: .125rem solid #333;
    box-shadow: 0 0 .125rem #333 inset, 0 0 .125rem #333;
    border-radius: .625rem;
    padding: 0 2rem;
    margin-bottom: 1rem;
    transform-style: preserve-3d;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    max-width: 26.25rem
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item a span {
    color: #fff !important;
    text-transform: uppercase;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    transform: translateZ(.3125rem) !important;
    z-index: 2
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover {
    border: .125rem solid #c9aa71;
    box-shadow: 0 0 .125rem #c9aa71 inset, 0 0 .125rem #c9aa71
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover a {
    transform: translateZ(1.875rem) !important
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover a span {
    text-shadow: 0 0 .0625rem transparent, .125rem .125rem .0625rem rgb(0, 0, 0);
    pointer-events: none
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item:hover .objHover {
    transform: translateZ(1.875rem) scale(1.1) !important;
    -webkit-filter: drop-shadow(.1875rem .1875rem .125rem rgba(0, 0, 0, .7));
    filter: drop-shadow(.1875rem .1875rem .125rem rgba(0, 0, 0, .7))
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .js-tilt-glare {
    border-radius: .625rem
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .objHover {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    height: 5.625rem !important;
    position: absolute;
    top: .3125rem;
    right: 2rem;
    transform: translateZ(.3125rem) !important;
    z-index: 2;
    -webkit-filter: drop-shadow(.1875rem .1875rem .125rem rgba(0, 0, 0, .7));
    filter: drop-shadow(.1875rem .1875rem .125rem rgba(0, 0, 0, .7))
}

#content-wrapper-store #shop .content-row .shop-sidebar .shop-sidebar-inner .shop-sidebar-list .shop-sidebar-item .sidebar-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .5625rem
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item {
    background-image: url(https://i.imgur.com/NYmLdYX.png);
    cursor: pointer;
    border-radius: .125rem;
    position: relative;
    display: flex;
    padding: .1875rem;
    height: 100%;
    min-width: 9.375rem;
    background-size: auto 120%;
    background-position: center;
    transition: background-size .2s linear;
    min-height: 5rem
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item:after {
    z-index: 0;
    background-color: #000000a6;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-radius: .125rem;
    border: .125rem solid transparent;
    pointer-events: none
}

#content-wrapper-store #shop .content-row .shop-navigation .navigation-item .navigation-item-title {
    text-transform: uppercase;
    font-size: 1rem;
    color: #fff;
    font-weight: bolder;
    font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    line-height: 1.15;
    text-align: center;
    position: absolute;
    left: .4375rem;
    right: .4375rem;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%)
}

#content-wrapper-store #shop .content-row .shop-search {
    margin-top: 2rem
}

#content-wrapper-store #shop .content-row .disable-drag {
    user-drag: none;
    -webkit-user-drag: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .sort-item {
    border: .0625rem solid rgb(71, 71, 71);
    border-radius: .3125rem;
    padding: .5rem 2rem;
    margin-right: 1rem;
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner h1 {
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 0rem !important;
    text-shadow: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
    line-height: 3.125rem;
    margin-left: 1rem;
    color: gray
}

@media (max-width: 98rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner h5 {
        display: none !important
    }
}

@media (min-width: 62.5rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header {
        position: -webkit-sticky;
        position: sticky !important;
        top: .5rem;
        z-index: 5;
        background: #131415
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container {
    flex-direction: column
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container input {
    width: 18.75rem;
    height: 2.8125rem;
    padding: 0 .5rem;
    border-radius: .375rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container input:focus {
    border: .0625rem solid #c9aa71
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container {
    margin-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .shop-search-container #realm-search {
    padding: .625rem 1rem;
    border-radius: .375rem;
    display: block;
    width: 100%;
    height: 2.875rem;
    padding: .5rem 1rem;
    background-color: #171717;
    background-image: none;
    border: .0625rem solid #333;
    border-radius: .3125rem;
    box-shadow: inset 0 .0625rem .0625rem #00000013;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-size: 1.125rem;
    line-height: 1.8;
    color: #bbb;
    letter-spacing: .015em
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-amount {
    color: #747474;
    line-height: 3.125rem
}

@media (max-width: 61.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: center;
        margin-bottom: 0 !important;
        justify-content: center;
        display: grid;
        grid-template-columns:1fr 1fr 1fr
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link a {
        display: flex !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link:last-of-type {
        grid-column: auto
    }
}

@media (max-width: 48rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link {
        padding-left: .625rem 1.25rem;
        background-color: #c9aa71;
        border-radius: .3125rem;
        margin: .25rem !important;
        background: #4776E6;
        background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);
        background: linear-gradient(to right, #8E54E9, #4776E6)
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .filter-list .filter-link span {
        text-shadow: 0 0 .3125rem rgba(0, 0, 0, .651), 0 0 .3125rem rgba(0, 0, 0, .651) !important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 1.1rem;
    margin: 0 -1.875rem;
    background-color: #1e1e1e;
    border-radius: .3125rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter {
    border-bottom: .0625rem solid gray;
    padding-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list {
    text-align: center;
    margin-bottom: 0 !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link {
    list-style: none;
    float: left;
    margin: 0 .25rem;
    border-radius: .3125rem;
    position: relative;
    border: .0625rem solid #1e1e1e;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link a {
    display: inline-block;
    height: 2.1875rem;
    width: 100%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link a:after {
    position: absolute;
    top: 1.9375rem;
    display: block;
    content: "▼";
    color: wheat;
    width: 1rem;
    left: calc(50% - .5rem);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link span {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
    font-size: .875rem;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    border-radius: .1875rem;
    padding: .5rem .75rem;
    text-shadow: 0 0 .3125rem rgba(0, 0, 0, .651), 0 0 .3125rem rgba(0, 0, 0, .651) !important;
    display: inline-block;
    height: 100%;
    width: 100%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link span:hover {
    color: wheat !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-active span, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-exact-active span {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border: .0625rem solid wheat;
    box-shadow: 0 0 .3125rem wheat;
    color: wheat !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-active:after, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link .router-link-exact-active:after {
    opacity: 1;
    filter: drop-shadow(0rem 0rem .3125rem wheat)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-link {
    background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-new {
    background: #FF416C !important;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C) !important;
    background: linear-gradient(to right, #FF4B2B, #FF416C) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-sale, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-sales, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-deals {
    background: #ff9966 !important;
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966) !important;
    background: linear-gradient(to right, #ff5e62, #ff9966) !important;
    box-shadow: 0 0 .3125rem wheat;
    border: .0625rem solid wheat
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-convenience {
    background: #834d9b !important;
    background: -webkit-linear-gradient(to right, #d04ed6, #834d9b) !important;
    background: linear-gradient(to right, #d04ed6, #834d9b) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-mounts {
    background: #11998e !important;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e) !important;
    background: linear-gradient(to right, #38ef7d, #11998e) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-pets {
    background: #00c6ff !important;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff) !important;
    background: linear-gradient(to right, #0072ff, #00c6ff) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-toys {
    background: #f46b45 !important;
    background: -webkit-linear-gradient(to right, #eea849, #f46b45) !important;
    background: linear-gradient(to right, #eea849, #f46b45) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-bundles {
    background: #f857a6 !important;
    background: -webkit-linear-gradient(to right, #ff5858, #f857a6) !important;
    background: linear-gradient(to right, #ff5858, #f857a6) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-appearances {
    background: #3b8d99;
    background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83);
    background: linear-gradient(90deg, #3b8d99, #6b6b83)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .category-filter .filter-list .filter-ascension {
    background: #1f4037;
    background: -webkit-linear-gradient(to right, #99f2c8, #1f4037);
    background: linear-gradient(to right, #99f2c8, #1f4037)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin: 0 .25rem .25rem;
    border-radius: .3125rem;
    position: relative;
    border: .0625rem solid #1e1e1e;
    background: #4e4e4e;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link a {
    display: inline-block;
    height: 1.875rem;
    width: 100%;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link span {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
    font-size: .875rem;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    border-radius: .1875rem;
    padding: .5rem .75rem;
    text-shadow: 0 0 .3125rem rgba(0, 0, 0, .651), 0 0 .3125rem rgba(0, 0, 0, .651) !important;
    display: inline-block;
    height: 100%;
    font-size: .625rem;
    width: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-link span:hover {
    color: wheat !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-new, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-hot {
    background: #FF416C !important;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C) !important;
    background: linear-gradient(to right, #FF4B2B, #FF416C) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-sale, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-sales, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-deals {
    background: #ff9966 !important;
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966) !important;
    background: linear-gradient(to right, #ff5e62, #ff9966) !important;
    box-shadow: 0 0 .3125rem wheat;
    border: .0625rem solid wheat
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-convenience {
    background: #834d9b !important;
    background: -webkit-linear-gradient(to right, #d04ed6, #834d9b) !important;
    background: linear-gradient(to right, #d04ed6, #834d9b) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-mounts {
    background: #11998e !important;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e) !important;
    background: linear-gradient(to right, #38ef7d, #11998e) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-pets {
    background: #00c6ff !important;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff) !important;
    background: linear-gradient(to right, #0072ff, #00c6ff) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-toys {
    background: #f46b45 !important;
    background: -webkit-linear-gradient(to right, #eea849, #f46b45) !important;
    background: linear-gradient(to right, #eea849, #f46b45) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-bundles {
    background: #f857a6 !important;
    background: -webkit-linear-gradient(to right, #ff5858, #f857a6) !important;
    background: linear-gradient(to right, #ff5858, #f857a6) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-appearances {
    background: #3b8d99;
    background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83);
    background: linear-gradient(90deg, #3b8d99, #6b6b83)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-ascension {
    background: #1f4037;
    background: -webkit-linear-gradient(to right, #99f2c8, #1f4037);
    background: linear-gradient(to right, #99f2c8, #1f4037)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-content-header .filter-row .subcategory-filter .filter-list .filter-color-qa {
    background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion {
    padding: 0 !important
}

@media (max-width: 115.625rem) and (min-width: 78.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart.open {
        max-width: 18.75rem;
        width: 18.75rem;
        opacity: 1
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart {
    position: relative;
    min-height: 12.5rem;
    padding: 0;
    margin-top: 0;
    max-width: 0rem;
    width: 0rem;
    overflow: inherit !important;
    margin-left: 1rem;
    opacity: 0
}

@media (min-width: 62.5rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container {
        position: -webkit-sticky;
        position: sticky;
        top: 15rem
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart.open {
    max-width: 18.75rem;
    width: 18.75rem;
    opacity: 1
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-header {
    background-color: #252525;
    text-align: center;
    font-size: 1.125rem;
    padding: .5rem;
    width: 98%;
    border: .0625rem solid #6a6967
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-body ul {
    list-style: none
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .store-cart-body ul li {
    margin-bottom: .5rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart * {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem rgb(0, 0, 0) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .cart-header, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-header {
    font-size: 1.5rem;
    color: #f1f1f1;
    font-weight: lighter;
    margin-bottom: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container {
    background-color: #1d1d1d;
    border: .0625rem solid #1e1e1e
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container * {
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .5), 0 0 .1875rem rgba(0, 0, 0, .5) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order {
    border-left: .0625rem solid #333;
    border-right: .0625rem solid #333;
    background-color: #1e1e1e;
    color: #bbb !important;
    margin: 0 !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order thead {
    background-color: #333;
    color: #bbb !important;
    border-bottom: none !important;
    font-weight: lighter !important;
    font-size: .875rem;
    text-transform: uppercase
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order thead th {
    border-bottom: none !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody {
    border-top: none !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: .0625rem solid #34383d
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td {
    vertical-align: middle
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 4.6875rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: .0625rem solid #34383d
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 4.6875rem;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td a:hover {
    color: #fff !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11.25rem;
    overflow: hidden
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .card-img {
    height: auto;
    border: .0625rem solid #333;
    width: 100%;
    max-height: 5.125rem;
    filter: brightness(80%);
    object-fit: cover;
    object-position: center
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-item-realm {
    color: #c9aa71;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important;
    font-weight: 700;
    width: 94%
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .attr-item {
    color: gray !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .table-order-qty {
    border-left: .0625rem solid #34383d;
    border-right: .0625rem solid #34383d;
    color: #bbb !important;
    font-size: 1.125rem !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency {
    height: 1.25rem;
    margin-right: .125rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency-amount {
    color: #bbb !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .cart-currency-discount {
    color: #6c6c6cc4 !important;
    text-decoration: line-through !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tbody tr td .mdi {
    color: #bbb !important;
    font-size: 1.1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr {
    background-color: #333 !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .strong {
    color: #fff !important;
    font-weight: 700 !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .btn.primary-btn {
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .btn.primary-btn:hover {
    color: #000 !important;
    background-color: #c9aa71 !important;
    text-shadow: none !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion .store-cart .order-container .table-order tfoot tr td .cart-currency-discount {
    color: #6c6c6cc4 !important;
    text-decoration: line-through !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .shop-items {
    margin-bottom: 4rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator {
    grid-column: 1/-1
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator .subcategory-header {
    font-size: 1.75rem;
    border-top: .0625rem solid #1e1e1e;
    padding-top: 2rem;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory-separator .subcategory-text {
    font-size: 1.25rem;
    color: #626060;
    font-weight: lighter;
    padding-bottom: 1rem;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
    margin-bottom: 5rem
}

@media (max-width: 98.125rem) and (min-width: 83.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr)) !important;
        max-width: 62.5rem !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart.open {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        opacity: 1
    }
}

@media (max-width: 83.125rem) and (min-width: 79.3125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr)) !important;
        max-width: 62.5rem !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart.open {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        opacity: 1
    }
}

@media (max-width: 79.3125rem) and (min-width: 61.1875rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        max-width: 62.5rem !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart {
        display: none !important
    }
}

@media (max-width: 61.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .accordion {
        width: 100%;
        padding: 0 !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        max-width: 100% !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .store-cart {
        display: none !important
    }
}

@media (max-width: 36rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
        width: 100% !important;
        min-width: 100% !important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(18.75rem, 1fr));
    grid-gap: 1rem;
    justify-items: center;
    max-width: 80.625rem;
    margin: 0 !important;
    margin-bottom: 2rem !important
}

@media (max-width: 61.125rem) and (min-width: 46.4375rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container:nth-of-type(odd) {
        justify-self: flex-end
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container:nth-of-type(2n) {
        justify-self: flex-start
    }
}

@media (max-width: 46.4375rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(1, minmax(20.875rem, 1fr)) !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .subcategory-separator {
        text-align: center !important
    }
}

@media (max-width: 61.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(20.875rem, 1fr))
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .subcategory-separator {
        text-align: left;
        padding-left: 1.25rem
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container {
        min-width: 18.75rem;
        width: 100% !important;
        height: 12.875rem !important;
        min-height: 12.875rem !important;
        max-width: 21.5rem !important;
        margin-bottom: 0 !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-item-buttons {
        display: none !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
        height: 12.875rem !important;
        max-height: 12.875rem !important;
        width: 21.5rem !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card.discounted {
        bottom: 1rem !important;
        right: 1rem !important;
        left: auto !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card.discounted .shop-item-actions {
        position: absolute;
        bottom: 1.5rem;
        left: auto !important;
        right: 1rem !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions {
        position: absolute;
        bottom: 2.4rem;
        left: auto !important;
        right: 1rem !important;
        z-index: 2
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-private-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker {
        right: 0 !important;
        left: auto !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info {
        top: auto !important;
        bottom: 0 !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-timer {
        right: 0 !important;
        left: auto !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container {
        height: 100% !important
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:after {
        display: block !important;
        position: absolute !important;
        background: linear-gradient(to right, #1d1d1d 0%, rgba(29, 29, 29, .8) 20%, rgba(29, 29, 29, 0) 100%) !important;
        height: 12.875rem !important;
        width: 40% !important;
        top: 0 !important;
        left: 0 !important;
        content: ""
    }

    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:before {
        display: block !important;
        position: absolute !important;
        background: linear-gradient(to left, #1d1d1d 0%, rgba(29, 29, 29, .8) 20%, rgba(29, 29, 29, 0) 100%) !important;
        height: 12.875rem !important;
        width: 40% !important;
        top: 0 !important;
        right: 0 !important;
        content: "";
        z-index: 1
    }
}

@media (max-width: 115.875rem) and (min-width: 1279) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(18.75rem, 1fr))
    }
}

@media only screen and (-moz-min-device-pixel-ratio: 1.1) and (-moz-max-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 2/1) and (-o-max-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 1.1) and (-webkit-max-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.1) and (max-device-pixel-ratio: 1.25) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
        max-width: 62.5rem
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 120.0625rem), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 120.0625rem), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 120.0625rem), only screen and (min-device-pixel-ratio: 2) and (min-width: 120.0625rem), only screen and (min-resolution: 192dpi) and (min-width: 120.0625rem), only screen and (min-resolution: 2dppx) and (min-width: 120.0625rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory {
        grid-template-columns:repeat(auto-fit, minmax(18.75rem, 1fr)) !important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .store-item-container {
    min-width: 18.75rem;
    width: 18.75rem;
    height: 25rem;
    min-height: 25rem;
    margin-bottom: 0rem;
    padding-left: 0;
    padding-right: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card {
    height: 25rem;
    background-color: #1d1d1d;
    border: .0625rem solid transparent;
    box-shadow: 0 0 .625rem #00000080;
    transform-style: preserve-3d;
    z-index: 2;
    margin-bottom: 2rem;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    background-position: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
    max-height: 25rem;
    border-radius: .3125rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container {
    position: relative;
    width: 100%;
    height: 60%;
    top: 0;
    left: 0;
    margin: 0 auto;
    display: block;
    overflow: hidden
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container:after {
    display: block;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #1d1d1d 100%);
    height: 5.625rem;
    width: 100%;
    bottom: 0;
    left: 0;
    content: ""
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img-container .card-img {
    object-fit: cover;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover {
    background-size: 110% 110%;
    border-color: #c9aa71;
    border: .0625rem solid #c9aa71
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-card-info, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-discount-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-discount-timer, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-item-actions, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-private-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-released-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover .shop-item-buttons {
    transform: translateZ(1.875rem) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card:hover b .shop-card-info .shop-item-title {
    color: #c9aa71 !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .card-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    left: 0rem;
    padding: .5rem 1rem;
    background-color: #c62121;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-radius: 0 .3125rem 2.3125rem 0;
    box-shadow: 0 0 .3125rem #00000078, 0 0 .3125rem #000
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #383838;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid #575757;
    border-left: .0625rem solid #575757;
    border-bottom: .0625rem solid #575757
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker {
    display: block;
    position: absolute;
    top: 4rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #43a743;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid lime;
    border-left: .0625rem solid lime;
    border-bottom: .0625rem solid lime;
    width: 8.125rem;
    text-align: center
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-released-sticker.pos-top {
    top: 1rem !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-discount-timer {
    display: block;
    position: absolute;
    top: 3.5rem;
    width: 6.275rem;
    left: 0rem;
    padding: .5rem 1rem;
    background-color: #c62121;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-radius: 0 .1875rem 2.3125rem 0;
    box-shadow: 0 0 .3125rem #00000078, 0 0 .3125rem #000
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info {
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    z-index: 2;
    position: absolute;
    width: 100%;
    padding: 1rem;
    top: 50%;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased
}

@media (min-width: 61.125rem) {
    #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-title {
        text-overflow: unset !important;
        word-wrap: break-word !important;
        white-space: unset !important
    }
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-title {
    color: #fff;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    font-size: 1.125rem;
    max-width: 15rem;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
    backface-visibility: hidden !important;
    transform: none !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-icon {
    width: 3rem;
    height: 3rem;
    object-fit: contain
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-card-info .shop-item-type {
    display: flex;
    flex: 1;
    color: #868686 !important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    font-size: .875rem;
    backface-visibility: hidden !important;
    transform: none !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons {
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    display: flex;
    transform: none !important;
    z-index: 5;
    backface-visibility: hidden;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button {
    padding: 0 .35rem;
    border: .0625rem solid #c9aa71;
    border-radius: .625rem;
    height: 1.875rem;
    background-color: #1d1d1d !important;
    display: block;
    margin-right: .5rem;
    line-height: 1.875rem;
    position: relative;
    top: .125rem;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    cursor: pointer !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover {
    border-color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover .mdi {
    color: #fff !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button:hover .cart-currency {
    filter: saturate(0)
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button .cart-currency {
    height: 1.0625rem !important;
    position: relative;
    top: -.125rem !important;
    cursor: pointer !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-donate-button .mdi {
    color: #c9aa71 !important;
    margin: none !important;
    cursor: pointer !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button {
    padding: .5rem;
    border: .0625rem solid #c9aa71;
    border-radius: 100%;
    height: 2.1875rem !important;
    width: 2.1875rem !important;
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    background-color: #1d1d1d !important;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    cursor: pointer !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:hover {
    border-color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button:hover .mdi {
    color: #fff !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button .mdi {
    color: #c9aa71 !important;
    margin: none !important;
    cursor: pointer !important
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-buttons .shop-item-cart-button.has-cart-item:after {
    content: attr(data-quantity);
    font-size: .75rem;
    background: crimson;
    color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.875rem;
    border-radius: 100%;
    line-height: 1.25rem;
    position: absolute;
    top: -.625rem;
    right: -.3125rem;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions {
    position: absolute;
    bottom: 2.1rem;
    left: 1rem;
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions.discounted {
    bottom: 1rem !important;
    left: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-price-icon {
    height: 1rem !important;
    width: 1rem !important;
    position: static !important;
    margin-right: .25rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper {
    display: flex
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper .shop-item-price {
    color: #c9aa71;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 1rem
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card .shop-item-actions .shop-item-pricing-wrapper .shop-item-discount {
    color: #6c6c6cc4;
    text-decoration: line-through !important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 1rem;
    display: block
}

#content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-discount-sticker, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-discount-timer, #content-wrapper-store #shop .content-row .shop-content .shop-content-inner .subcategory .shop-card[data-discount="0"] .shop-item-discount {
    display: none !important
}

@media (max-width: 64rem) {
    .shop-sidebar-list {
        justify-content: space-between
    }

    .shop-sidebar-list .shop-sidebar-item {
        width: calc(50% - .5rem) !important
    }
}

@media only screen and (min-height: 64rem) and (max-width: 85.375rem) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .col-ipp-12 {
        width: 100% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .shop-sidebar-item {
        max-width: 31.25rem !important
    }

    .shop-card-info .shop-item-title {
        font-size: .75rem !important;
        margin-bottom: .5rem !important
    }

    .shop-card-info .shop-item-type {
        font-size: .75rem !important
    }

    .shop-card-info .shop-item-actions .shop-item-pricing-wrapper .shop-item-price {
        font-size: .75rem !important;
        margin-bottom: 0 !important
    }

    .shop-card-info .shop-item-actions .shop-item-pricing-wrapper .shop-item-discount {
        font-size: .75rem !important;
        display: block
    }
}

#twitter-container {
    overflow: hidden
}

#twitter-container .timeline-ShowMoreButton {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: .625rem 0;
    margin: 0 0 1.25rem;
    width: 9.6875rem;
    font-size: .875rem;
    color: red !important;
    text-align: center;
    background-color: red !important;
    border: .0625rem solid red !important;
    border-radius: 6.25rem;
    outline: 0;
    cursor: pointer
}

.timeline-Widget {
    max-width: 75rem;
    background-color: #d9e5ec !important;
    background-image: url(../fonts/96b42a94.jpg) !important;
    background-size: cover;
    border-radius: .3125rem
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: .375rem;
    position: absolute;
    z-index: 10
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent !important
}

.ps__rail-y {
    background-color: transparent !important;
    z-index: 10
}

.ps-container {
    position: relative;
    width: 21.25rem;
    min-width: 21.25rem;
    max-height: 31.25rem;
    overflow: hidden
}

.navbar-nav .nav-notice {
    position: relative
}

.navbar-nav .nav-notice.ping:after {
    content: attr(data-quantity);
    font-size: .75rem;
    background: crimson;
    color: #fff;
    width: 1.25rem;
    height: 1.25rem;
    max-width: 1.875rem;
    border-radius: 100%;
    line-height: 1.25rem;
    position: absolute;
    top: .3125rem;
    right: -.125rem;
    display: block;
    text-align: center;
    z-index: 999
}

.navbar-nav .tooltip.popover {
    display: block !important;
    pointer-events: initial !important;
    background: transparent;
    border: none !important;
    z-index: 10000;
    width: 21.25rem;
    min-width: 21.25rem;
    max-height: 31.25rem
}

.navbar-nav .tooltip.popover .trigger, .navbar-nav .tooltip.popover .wrapper {
    width: 100%
}

.navbar-nav .tooltip.popover span {
    display: inline !important;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
}

.navbar-nav .tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: 0 0 .625rem;
    border-radius: .3125rem;
    box-shadow: 0 .3125rem 1.875rem #0000001a;
    max-width: 100%;
    border: .0625rem solid #353535;
    background: #151515 !important
}

.navbar-nav .tooltip.popover .popover-inner .no-notice {
    margin-top: .625rem;
    display: block !important;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-header {
    text-align: left;
    position: sticky;
    top: 0;
    left: 0;
    border-bottom: .0625rem solid #3b3b3b;
    padding-top: .9375rem;
    z-index: 3;
    background: #151515;
    display: flex;
    justify-content: space-between
}

.navbar-nav .tooltip.popover .popover-inner .notice-header span {
    font-weight: 700;
    line-height: 2rem;
    padding: 0 1rem
}

.navbar-nav .tooltip.popover .popover-inner .notice-header .read-btn {
    margin-right: .9375rem;
    display: block;
    font-size: .75rem;
    margin-bottom: .625rem;
    padding: .25rem .75rem;
    color: gray;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

.navbar-nav .tooltip.popover .popover-inner .notice-header .read-btn:hover {
    color: #c9aa71 !important;
    border-color: #c9aa71 !important;
    background-color: transparent !important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-time {
    font-style: italic;
    color: #dcdcdc80;
    line-height: 2.5rem;
    background-color: #2d2d2d;
    text-align: left;
    text-shadow: 0rem .1875rem .1875rem rgba(0, 0, 0, .4);
    border-bottom: .0625rem solid #3b3b3b;
    position: sticky;
    left: 0;
    top: 3rem;
    z-index: 2;
    display: none
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-time span {
    padding: 0 .9375rem
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry {
    padding: .9375rem;
    border-bottom: .0625rem solid #3b3b3b;
    background-color: #202020;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news {
    background-image: url(https://media.discordapp.net/attachments/614561410298413077/901006195119247370/darkmoon3.jpg?width=1621&height=912);
    background-size: cover;
    background-position: center;
    position: relative
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news .notice-text, .navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news .notice-icon {
    z-index: 2
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80%;
    z-index: 1;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #181818 100%)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-news:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 80%;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #181818 100%)
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert {
    background-color: #310d0d;
    border-left: .125rem solid crimson
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert:hover {
    background-color: #581616
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert .notice-icon {
    background-color: #dc143c !important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry.type-alert .notice-icon .mdi {
    color: #fff !important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry:hover {
    background-color: #292929;
    cursor: pointer
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-icon {
    height: 1.875rem;
    width: 1.875rem;
    background-color: #4d4d4d;
    text-align: center;
    border-radius: .25rem
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-icon .mdi {
    line-height: 1.875rem !important;
    font-size: 1rem !important;
    right: initial !important;
    color: #fff !important
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text {
    padding-left: .625rem;
    width: 100%;
    text-align: left;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text .notice-tag {
    background-color: #dc143c;
    padding: .3125rem;
    color: #fff;
    font-weight: 700
}

.navbar-nav .tooltip.popover .popover-inner .notice-entry-wrapper .notice-entry .notice-text .notice-stamp {
    color: gray !important;
    width: 100%;
    display: block !important
}

#builder .tooltip {
    display: block !important;
    z-index: 10000;
    background: transparent;
    pointer-events: none !important
}

#builder .tooltip .tooltip-inner {
    background: black;
    color: #fff;
    border-radius: 1rem;
    padding: .3125rem
}

#builder .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: .3125rem;
    border-color: #000;
    z-index: 1
}

#builder .tooltip[x-placement^=top] {
    margin-bottom: .3125rem
}

#builder .tooltip[x-placement^=top] .tooltip-arrow {
    border-width: .3125rem .3125rem 0 .3125rem;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -.3125rem;
    left: calc(50% - .3125rem);
    margin-top: 0;
    margin-bottom: 0
}

#builder .tooltip[x-placement^=bottom] {
    margin-top: .3125rem
}

#builder .tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 .3125rem .3125rem .3125rem;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -.3125rem;
    left: calc(50% - .3125rem);
    margin-top: 0;
    margin-bottom: 0
}

#builder .tooltip[x-placement^=right] {
    margin-left: .3125rem
}

#builder .tooltip[x-placement^=right] .tooltip-arrow {
    border-width: .3125rem .3125rem .3125rem 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -.3125rem;
    top: calc(50% - .3125rem);
    margin-left: 0;
    margin-right: 0
}

#builder .tooltip[x-placement^=left] {
    margin-right: .3125rem
}

#builder .tooltip[x-placement^=left] .tooltip-arrow {
    border-width: .3125rem 0 .3125rem .3125rem;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -.3125rem;
    top: calc(50% - .3125rem);
    margin-left: 0;
    margin-right: 0
}

#builder .tooltip .trigger {
    width: 100% !important
}

#builder .tooltip .wrapper {
    width: 100%
}

#builder .tooltip.popover {
    min-width: 20.3125rem;
    min-height: 7.1875rem
}

#builder .tooltip.popover span {
    display: block;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
}

#builder .tooltip.popover .trigger, #builder .tooltip.popover .wrapper {
    width: 100%
}

#builder .tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: .9375rem;
    border-radius: .3125rem;
    box-shadow: 0 .3125rem 1.875rem #0000001a;
    max-width: 100%;
    border: .0625rem solid #534133;
    background: rgba(20, 20, 20, .905) !important
}

#builder .tooltip.popover .pop-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: #c9aa71;
    text-align: left
}

#builder .tooltip.popover .pop-level {
    color: #dcdcdc;
    text-align: left;
    font-weight: 700
}

#builder .tooltip.popover .pop-desc {
    text-align: left;
    color: #ffe4c7
}

#builder .tooltip.popover .pop-cost {
    text-align: left;
    margin-top: .3125rem
}

#builder .tooltip.popover .item-number {
    font-weight: 700;
    color: #bf5329;
    display: inline
}

#builder .tooltip.popover .pop-num {
    font-weight: 700;
    color: #bf5329 !important
}

#builder .tooltip.popover .pop-num-white {
    font-weight: 700;
    color: #dcdcdc
}

#builder .tooltip.popover .pop-sub {
    font-weight: 700;
    color: #6d6d6d
}

#builder .tooltip.popover .popover-arrow {
    border-color: #1d1d1d
}

#builder .tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s
}

#builder .tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

@media (min-resolution: 120dpi) and (max-width: 2000px) and (min-width: 800px) {
    html {
        font-size: 80%
    }
}

@media (max-width: 1600px) and (min-width: 1000px) {
    html {
        font-size: 80%
    }
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    #intro .container-fluid .hero-text h1, #intro .container-sm .hero-text h1, #intro .container-md .hero-text h1, #intro .container-lg .hero-text h1, #intro .container-xl .hero-text h1 {
        text-indent: 3.125rem !important;
        font-weight: 200 !important;
        letter-spacing: 3.125rem !important;
        font-size: 2.8125rem !important;
        line-height: 5.125rem;
        opacity: 0 !important
    }

    #intro .container-fluid .hero-text h4, #intro .container-sm .hero-text h4, #intro .container-md .hero-text h4, #intro .container-lg .hero-text h4, #intro .container-xl .hero-text h4 {
        font-weight: 200;
        letter-spacing: .4375rem !important;
        opacity: 0
    }
}

@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    #intro .container-fluid .hero-text h1, #intro .container-sm .hero-text h1, #intro .container-md .hero-text h1, #intro .container-lg .hero-text h1, #intro .container-xl .hero-text h1 {
        text-indent: 3.125rem !important;
        font-weight: 200 !important;
        letter-spacing: 3.125rem !important;
        font-size: 2.8125rem !important;
        line-height: 5.125rem;
        opacity: 0 !important
    }

    #intro .container-fluid .hero-text h4, #intro .container-sm .hero-text h4, #intro .container-md .hero-text h4, #intro .container-lg .hero-text h4, #intro .container-xl .hero-text h4 {
        font-weight: 200;
        letter-spacing: .4375rem !important;
        opacity: 0
    }
}

@media (min-width: 161.875rem) {
    #news .news-side .news-side-item {
        height: 26.25rem !important;
        padding: .625rem 0rem .3125rem;
        width: 100%
    }
}

@media (max-width: 1600px) and (min-width: 1200px) {
    #twitter-container-2 {
        display: block !important
    }

    #twitter-container {
        display: none !important
    }

    .news-side {
        display: none
    }

    #realmlist .card-container .asc-card {
        width: 19.3125rem !important;
        height: 27.1875rem !important
    }

    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 1.625rem !important;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media (max-width: 1200px) and (min-width: 1100px) {
    .news-side, #twitter-container {
        display: none
    }

    .alt-news {
        display: block !important
    }
}

@media (max-width: 1400px) and (max-height: 799px) {
    #twitter-container {
        display: none
    }

    #twitter-container-2 {
        display: block
    }
}

@media (orientation: landscape) {
    .tablet-flip, .tablet-flip-header {
        display: none !important
    }
}

@media (orientation: portrait) {
    .tablet-flip {
        margin-bottom: 5rem !important;
        margin-left: -5rem
    }

    .tablet-flip-header {
        color: #c9aa71;
        margin: 3.125rem 0
    }

    .slick-track {
        margin: 0 auto !important
    }

    .asc-card {
        width: 19.3125rem !important;
        height: 27.1875rem !important;
        position: relative;
        display: block !important;
        flex-direction: none;
        min-width: 0;
        word-wrap: break-word;
        background-color: #1a1a1a;
        background-clip: border-box;
        border: .0625rem solid #c9aa71;
        border-radius: .25rem;
        margin: auto !important;
        overflow: hidden;
        box-shadow: 0 0 .0625rem #c9aa71 inset, 0 0 .0625rem #c9aa71;
        transition: box-shadow .3s ease-in-out;
        -moz-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0);
        box-shadow: 0 0 1.25rem #0000
    }

    .asc-card img {
        height: 100%;
        width: 100%
    }

    .asc-card .card-desc {
        z-index: 10;
        width: 100%;
        bottom: 2.5rem;
        display: block;
        position: absolute
    }

    .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 1.875rem;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    .asc-card .card-desc h4 {
        color: #fff;
        opacity: .6
    }
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .news-side, #twitter-container {
        display: none
    }

    .news-item-bottom {
        display: none !important
    }

    .alt-news-large {
        display: block !important
    }

    #realmlist .card-container .asc-card {
        width: 19.3125rem !important;
        height: 27.1875rem !important
    }

    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 1.625rem !important;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .news-side, #twitter-container {
        display: none
    }

    #twitter-container-2 {
        display: block
    }

    #realmlist .card-container .asc-card {
        width: 17.375rem !important;
        height: 24.4375rem !important
    }

    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 1.375rem !important;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    .news-side, #twitter-container {
        display: none
    }

    .news-item-bottom {
        display: none !important
    }

    .alt-news-large {
        display: block !important
    }

    #realmlist .card-container .asc-card {
        width: 19.3125rem !important;
        height: 27.1875rem !important
    }

    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        font-size: 1.625rem !important;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.2rem
    }
}

@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
    .news-side {
        display: none
    }

    #twitter-container {
        display: block !important
    }

    #twitter-container-2 {
        display: none !important
    }

    .alt-news {
        display: block !important
    }

    #realmlist .card-container .asc-card .card-desc h3 {
        color: #ffe4c7;
        font-weight: 700;
        line-height: .5;
        text-shadow: .125rem .125rem .25rem #000
    }

    #realmlist .card-container .asc-card .card-desc h4 {
        font-size: 1.5rem
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#realmlist {
    position: relative;
    margin-top: 3.25rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

#realmlist video {
    width: 100%;
    height: 100%;
    position: absolute
}

#realmlist .card-container {
    width: 100%
}

#realmlist .card-container .asc-card {
    width: 25.75rem;
    height: 36.25rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #1a1a1a;
    background-clip: border-box;
    border: .0625rem solid #c9aa71;
    border-radius: .25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    box-shadow: 0 0 .0625rem #c9aa71 inset, 0 0 .0625rem #c9aa71;
    transition: box-shadow .3s ease-in-out;
    -moz-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0);
    box-shadow: 0 0 1.25rem #0000
}

#realmlist .card-container .asc-card img {
    height: 100%;
    width: 100%
}

#realmlist .card-container .asc-card .card-desc {
    z-index: 10;
    width: 100%;
    bottom: 2.5rem;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    display: block;
    position: absolute;
    text-shadow: -.0625rem -.0625rem .0625rem rgba(255, 255, 255, .1), .0625rem .0625rem .0625rem rgba(0, 0, 0, .9)
}

#realmlist .card-container .asc-card .card-desc h3 {
    font-size: 1.875rem;
    color: #eca659;
    position: relative;
    bottom: 0;
    font-weight: 500;
    margin-bottom: .5rem
}

#realmlist .card-container .asc-card .card-desc h4 {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem
}

#realmlist .card-container .card-back {
    transform: rotateY(180deg)
}

#realmlist .card-container .is-flipped {
    transform: rotateY(180deg) !important;
    display: none !important
}

#realmlist .card-container .asc-card:hover {
    cursor: pointer;
    -moz-box-shadow: 0 0 1.25rem #c9aa71;
    -webkit-box-shadow: 0 0 1.25rem #c9aa71;
    box-shadow: 0 0 1.25rem #c9aa71
}

#content-wrapper {
    min-height: 0rem !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-top: 15rem
}

#mobile-logo {
    width: 100%;
    z-index: 5;
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.pc-container span {
    font-size: 1.5rem;
    line-height: 2.85rem;
    margin-left: .5rem;
    color: #d3d1c5;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

.pc-container .mdi {
    font-size: 2.5rem
}

@media (max-width: 48rem) {
    .pc-container span {
        font-size: 1.1rem
    }
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #content-wrapper {
        min-height: 0rem !important;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        padding-top: 10rem !important;
        padding-bottom: 5rem
    }
}

@media (min-width: 61.9375rem) {
    .register-form {
        margin-bottom: 5rem !important
    }
}

.container-flex {
    min-height: auto;
    position: relative
}

#auth-form {
    max-width: 33.125rem
}

@media (max-width: 48rem) {
    #auth-form .reg-title h1 {
        font-size: 1.625rem !important
    }

    #auth-form .reg-title h2 {
        font-size: 1.375rem !important
    }

    #auth-form .button-container {
        width: 100% !important
    }
}

#auth-form .btn-primary {
    background-color: #c9aa71 !important;
    border: none !important;
    color: #262626;
    height: 3.125rem;
    font-size: 1.1875rem;
    font-weight: 700;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#auth-form .btn-secondary {
    background-color: #262626 !important;
    border: none !important;
    color: #c9aa71;
    height: 3.125rem;
    font-size: 1.1875rem;
    font-weight: 700;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#auth-form .alert-danger {
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    list-style: none;
    margin-top: 3rem
}

#auth-form .alert-danger:before {
    position: absolute;
    top: -2rem;
    content: "Please resolve the following errors:";
    left: 0
}

#auth-form .alert-danger ul {
    padding: 0;
    margin: 0
}

#auth-form .alert-danger ul li {
    list-style: none;
    margin: 0
}

#auth-form .reg-title {
    text-align: center
}

#auth-form .reg-title h1 {
    color: #d0a85c;
    font-weight: 700;
    font-style: italic;
    font-size: 3.125rem
}

#auth-form .reg-title h2 {
    color: #d3d1c5;
    font-size: 1.875rem;
    font-weight: 700;
    font-style: italic
}

#auth-form #register-form {
    max-width: 25rem;
    margin: auto
}

#auth-form #register-form .form-group.success .input-group label span {
    color: green !important;
    font-size: .6875rem;
    margin: 0;
    margin-bottom: 0rem;
    padding: 0;
    margin-bottom: .6875rem;
    display: block
}

#auth-form #register-form .form-group.success .input-group .form-control {
    border-color: green !important
}

#auth-form label {
    color: #fff;
    -webkit-user-select: none !important;
    user-select: none !important
}

#auth-form .form-group .input-group {
    display: flex;
    flex-direction: column !important
}

#auth-form .form-group .input-group p {
    font-size: .6875rem;
    margin: 0;
    padding: 0;
    opacity: .5;
    margin-bottom: .625rem
}

#auth-form .form-group .form-control {
    height: 3.5rem;
    min-height: 3.5rem;
    padding: 0 1.25rem;
    background-color: #0000002c !important;
    width: 100%
}

#auth-form .form-group .agreements-box .form-check .form-check-label .checkText {
    line-height: 1.25rem !important;
    margin-bottom: .75rem
}

#auth-form .button-container {
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 25rem;
    height: 3.75rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#auth-form .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#auth-form .button-container:hover #registerBtn {
    height: 3.75rem !important;
    color: #d3d1c5 !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#auth-form .button-container #registerBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important
}

#auth-form .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#auth-form .card {
    background-color: #211f1c;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#auth-form .fas {
    position: absolute;
    font-size: 1rem;
    line-height: 3.625rem;
    padding-top: 0;
    padding-left: 1.125rem;
    padding-bottom: 1.125rem;
    color: #80808098
}

.text-input-fa {
    right: 0 !important;
    top: 0;
    padding-right: 1.125rem;
    color: #dc143c
}

.text-input-fa-success {
    right: 0 !important;
    top: 0;
    padding-right: 1.125rem;
    color: #00e600
}

.date-input-fa {
    right: 0 !important;
    top: 0;
    padding-right: 1.875rem;
    color: #dc143c;
    line-height: 2.875rem
}

@media (max-width: 1920px) and (min-width: 1000px) {
    #new-arrival #auth-form {
        font-size: 80%
    }
}

#new-arrival #bg-img {
    position: absolute;
    width: 100vw;
    left: 0;
    bottom: 0;
    min-height: 45rem;
    height: auto;
    display: flex;
    justify-content: center;
    background-image: url(../fonts/6d786ddc.webp);
    background-size: cover;
    background-position: center;
    z-index: -1;
    top: 0
}

#new-arrival .container {
    max-width: 90vw
}

#new-arrival .container .hero-title {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem black, 0 0 .3125rem rgb(0, 0, 0);
    word-break: break-word;
    color: #f0e6d2;
    max-width: 31.25rem
}

#new-arrival .container .hero-author {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    font-size: 1.125rem;
    margin-top: 1.1875rem;
    display: block;
    color: #c9aa71 !important;
    text-shadow: 0 0 .0625rem black, 0 0 .3125rem rgb(0, 0, 0);
    max-width: 31.25rem;
    line-height: 1.5
}

#new-arrival .arrival-logo {
    width: 18.75rem;
    position: fixed;
    bottom: 2rem;
    left: 4.6875rem;
    z-index: 2
}

#new-arrival #bg-vid-wrapper {
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 4.375rem;
    position: absolute;
    z-index: -1
}

#new-arrival #bg-vid {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#new-arrival #auth-form {
    max-width: 33.125rem
}

@media (min-width: 991px) {
    #new-arrival #auth-form .register-form {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important
    }
}

@media (max-width: 768px) {
    #new-arrival #auth-form .reg-title h1 {
        font-size: 1.625rem !important
    }

    #new-arrival #auth-form .reg-title h2 {
        font-size: 1.375rem !important
    }

    #new-arrival #auth-form .button-container {
        width: 100% !important
    }
}

#new-arrival #auth-form .btn-primary {
    background-color: #262626 !important;
    border: none !important;
    color: #c9aa71;
    height: 3.125rem;
    font-size: 1.1875rem;
    font-weight: 700;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#new-arrival #auth-form .alert-danger {
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    list-style: none;
    margin-top: 3rem
}

#new-arrival #auth-form .alert-danger:before {
    position: absolute;
    top: -2rem;
    content: "Please resolve the following errors:";
    left: 0
}

#new-arrival #auth-form .alert-danger ul {
    padding: 0;
    margin: 0
}

#new-arrival #auth-form .alert-danger ul li {
    list-style: none;
    margin: 0
}

#new-arrival #auth-form .reg-title {
    text-align: center
}

#new-arrival #auth-form .reg-title h1 {
    color: #d0a85c;
    font-weight: 700;
    font-style: italic;
    font-size: 2.5rem
}

#new-arrival #auth-form .reg-title h2 {
    color: #d3d1c5;
    font-size: 1.875rem;
    font-weight: 700;
    font-style: italic
}

#new-arrival #auth-form #register-form {
    max-width: 25rem;
    margin: auto
}

#new-arrival #auth-form label {
    color: #fff;
    -webkit-user-select: none !important;
    user-select: none !important
}

#new-arrival #auth-form .form-group .input-group {
    display: flex;
    flex-direction: column !important
}

#new-arrival #auth-form .form-group .input-group p {
    font-size: .6875rem;
    margin: 0;
    padding: 0;
    opacity: .5;
    margin-bottom: .625rem
}

#new-arrival #auth-form .form-group .form-control {
    height: 3.5rem;
    min-height: 3.5rem;
    padding: 0 1.25rem;
    background-color: #0000002c !important;
    width: 100%
}

#new-arrival #auth-form .close-error {
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 1.5rem;
    padding: 0;
    border: 1px solid crimson;
    border-radius: 5px;
    -webkit-transition: .1s ease-in-out all;
    -moz-transition: .1s ease-in-out all;
    -ms-transition: .1s ease-in-out all;
    -o-transition: .1s ease-in-out all;
    transition: .1s ease-in-out all;
    background-color: #211f1c;
    z-index: 5
}

#new-arrival #auth-form .close-error:hover {
    cursor: pointer;
    border: 1px solid white;
    color: #fff
}

#new-arrival #auth-form .button-container {
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 25rem;
    height: 3.75rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#new-arrival #auth-form .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#new-arrival #auth-form .button-container:hover #registerBtn {
    height: 3.75rem !important;
    color: #d3d1c5 !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#new-arrival #auth-form .button-container #registerBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important
}

#new-arrival #auth-form .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#new-arrival #auth-form:hover .card {
    background-color: #211f1c;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#new-arrival #auth-form .card {
    background-color: #211f1ce8;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important;
    -webkit-transition: .1s ease-in-out all;
    -moz-transition: .1s ease-in-out all;
    -ms-transition: .1s ease-in-out all;
    -o-transition: .1s ease-in-out all;
    transition: .1s ease-in-out all
}

#new-arrival #auth-form .fas {
    position: absolute;
    font-size: 1rem;
    line-height: 3.625rem;
    padding-top: 0;
    padding-left: 1.125rem;
    padding-bottom: 1.125rem;
    color: #80808098
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#cart .cart-empty .cart-icon-container {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    text-align: center;
    line-height: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #333
}

#cart .cart-empty .cart-icon-container .mdi {
    font-size: 1.8rem;
    line-height: 3.75rem
}

#cart .cart-empty .cart-empty-header {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 1rem;
    margin-bottom: .5rem
}

#cart .cart-empty .cart-empty-flavor {
    color: #9b9b9b !important;
    font-size: 1.1rem;
    font-weight: lighter;
    letter-spacing: 1.1
}

#cart .cart-empty .store-btn {
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    font-size: 1.2rem;
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

#cart .cart-empty .store-btn:hover {
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important
}

#cart .cart-empty .cart-empty-support {
    font-size: .875rem;
    font-weight: lighter;
    letter-spacing: 1.1;
    color: #9b9b9b !important
}

@media (max-width: 48rem) {
    #cart .cart-empty .cart-empty-header {
        font-size: 1.5rem !important
    }

    #cart .cart-empty .cart-empty-flavor {
        font-size: 1rem !important
    }

    #cart .cart-empty .cart-empty-support:nth-of-type(2) a {
        display: block !important
    }
}

#cart .cart-complete .cart-icon-container {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    text-align: center;
    line-height: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #333
}

#cart .cart-complete .cart-icon-container .mdi {
    font-size: 1.8rem;
    line-height: 3.75rem
}

#cart .cart-complete .card {
    background-color: #1d1d1d
}

#cart .cart-complete .cart-empty-header {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-top: 1rem;
    margin-bottom: .5rem;
    text-shadow: 0 0 .1875rem #11998e;
    color: #15ae51
}

#cart .cart-complete .cart-empty-flavor {
    color: #9b9b9b !important;
    font-size: 1.1rem;
    font-weight: lighter;
    letter-spacing: 1.1
}

#cart .cart-complete .store-btn {
    color: #fff;
    border: none;
    padding: .625rem 1rem;
    font-size: 1.125rem;
    line-height: 1.3333333;
    outline: none !important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
    border-radius: .3125rem;
    box-shadow: 0 0 .625rem .0625rem #11998e;
    padding: 1rem 3rem;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important
}

#cart .cart-complete .store-btn:hover {
    box-shadow: 0 0 .9375rem .0625rem #38ef7d;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .7), 0 0 .1875rem rgba(0, 0, 0, .7) !important
}

#cart .cart-complete .cart-empty-support {
    font-size: .875rem;
    font-weight: lighter;
    letter-spacing: 1.1;
    color: #9b9b9b !important
}

#cart .cart-filled {
    margin-top: 2rem
}

#cart .cart-filled * {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem rgb(0, 0, 0) !important
}

#cart .cart-filled .cart-header, #cart .cart-filled .order-header {
    font-size: 1.5rem;
    color: #f1f1f1;
    font-weight: lighter;
    margin-bottom: 1rem
}

#cart .cart-filled .cart-container .table-cart {
    border-left: .0625rem solid #333;
    border-right: .0625rem solid #333;
    background-color: #222
}

#cart .cart-filled .cart-container .table-cart thead {
    background-color: #333;
    color: #bbb !important;
    border-bottom: none !important;
    font-weight: lighter !important;
    font-size: .875rem;
    text-transform: uppercase
}

#cart .cart-filled .cart-container .table-cart thead th {
    border-bottom: none !important
}

#cart .cart-filled .cart-container .table-cart tbody {
    border-top: none !important
}

#cart .cart-filled .cart-container .table-cart tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: .0625rem solid #34383d
}

#cart .cart-filled .cart-container .table-cart tbody tr td {
    vertical-align: middle
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 4.6875rem
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#cart .cart-filled .cart-container .table-cart tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    border: .0625rem solid #34383d;
    object-fit: cover;
    object-position: top
}

#cart .cart-filled .cart-container .table-cart tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8
}

#cart .cart-filled .cart-container .table-cart tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11.25rem;
    overflow: hidden
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-item-realm {
    color: #c9aa71
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-amount {
    width: 3.125rem;
    text-align: center;
    height: 1.875rem;
    padding: .3125rem .4375rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .1875rem;
    color: #f1f1f1;
    background-image: none;
    box-shadow: inset 0 .0625rem .0625rem #00000013
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character {
    text-align: center;
    height: 1.875rem;
    padding: .3125rem .625rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .1875rem;
    color: #f1f1f1;
    background-image: none;
    box-shadow: inset 0 .0625rem .0625rem #00000013
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character option {
    background-color: #333 !important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-character:focus {
    background-color: transparent !important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency {
    height: 1.25rem
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency-amount {
    color: #bbb !important
}

#cart .cart-filled .cart-container .table-cart tbody tr td .cart-currency-discount {
    color: #6c6c6cc4 !important;
    text-decoration: line-through !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#cart .cart-filled .cart-container .table-cart tbody tr td .mdi {
    color: #bbb !important;
    font-size: 1.1rem
}

#cart .cart-filled .order-container * {
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important
}

#cart .cart-filled .order-container .table-order {
    border-left: .0625rem solid #333;
    border-right: .0625rem solid #333;
    background-color: #222;
    color: #bbb !important
}

#cart .cart-filled .order-container .table-order thead {
    background-color: #333;
    color: #bbb !important;
    border-bottom: none !important;
    font-weight: lighter !important;
    font-size: .875rem;
    text-transform: uppercase
}

#cart .cart-filled .order-container .table-order thead th {
    border-bottom: none !important
}

#cart .cart-filled .order-container .table-order tbody {
    border-top: none !important
}

#cart .cart-filled .order-container .table-order tbody tr {
    padding: .75rem;
    vertical-align: top;
    border-bottom: .0625rem solid #34383d
}

#cart .cart-filled .order-container .table-order tbody tr td {
    vertical-align: middle
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 4.6875rem
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit :before {
    content: "";
    display: block;
    padding-top: 56.25%
}

#cart .cart-filled .order-container .table-order tbody tr td .ratio-fit img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: .0625rem solid #34383d
}

#cart .cart-filled .order-container .table-order tbody tr td a {
    background-color: transparent;
    color: #13aff0;
    text-decoration: none;
    transition: all .2s cubic-bezier(.55, .085, .68, .53);
    line-height: 1.8
}

#cart .cart-filled .order-container .table-order tbody tr td a:hover {
    color: #fff !important
}

#cart .cart-filled .order-container .table-order tbody tr td .small {
    color: #bbb;
    line-height: 1.8
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-item-desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 11.25rem;
    overflow: hidden
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-item-realm {
    color: #646464
}

#cart .cart-filled .order-container .table-order tbody tr td .table-order-qty {
    border-left: .0625rem solid #34383d;
    border-right: .0625rem solid #34383d;
    color: #bbb !important;
    font-size: 1.125rem !important
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency {
    height: 1.25rem
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency-amount {
    color: #bbb !important
}

#cart .cart-filled .order-container .table-order tbody tr td .cart-currency-discount {
    color: #6c6c6cc4 !important;
    text-decoration: line-through !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#cart .cart-filled .order-container .table-order tbody tr td .mdi {
    color: #bbb !important;
    font-size: 1.1rem
}

#cart .cart-filled .order-container .table-order tfoot tr {
    background-color: #333 !important
}

#cart .cart-filled .order-container .table-order tfoot tr td .strong {
    color: #fff !important;
    font-weight: 700 !important
}

#cart .cart-filled .order-container .table-order tfoot tr td .cart-currency-discount {
    color: #6c6c6cc4 !important;
    text-decoration: line-through !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#cart .cart-filled .order-container #checkout-btn {
    color: #fff;
    border: none;
    padding: .625rem 1rem;
    font-size: 1.125rem;
    line-height: 1.3333333;
    outline: none !important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #11998e;
    background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
    border-radius: .3125rem;
    box-shadow: 0 0 .625rem .0625rem #11998e;
    padding: 1rem 3rem;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important
}

#cart .cart-filled .order-container #checkout-btn:hover {
    box-shadow: 0 0 .9375rem .0625rem #38ef7d;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .7), 0 0 .1875rem rgba(0, 0, 0, .7) !important
}

#cart .cart-filled .order-container #checkout-btn.unselected {
    opacity: .5;
    pointer-events: none
}

#cart .cart-filled .order-container #checkout-btn .cart-loader {
    z-index: 10
}

#cart .cart-filled .order-container #checkout-btn span {
    z-index: 10;
    position: relative
}

#cart .cart-filled .order-container #checkout-btn .cart-progress {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #222 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important
}

#cart .cart-filled .order-container #checkout-btn .cart-progress[value]::-webkit-progress-bar {
    background-color: #5cb85c;
    border-radius: .125rem;
    border-color: transparent !important
}

#cart .cart-filled .order-container #checkout-btn .cart-progress[value]::-moz-progress-bar {
    background-color: #5cb85c;
    border-radius: .125rem;
    border-color: transparent !important
}

#cart .cart-filled .order-container #checkout-btn.disabled {
    opacity: .4 !important;
    pointer-events: none !important
}

#cart .cart-filled .order-container #donate-btn {
    border: none;
    padding: .625rem 1rem;
    font-size: 1.125rem;
    line-height: 1.3333333;
    outline: none !important;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    box-shadow: 0 0 .625rem .0625rem #2f80ed;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: .3125rem;
    padding: 1rem 3rem
}

#cart .cart-filled .order-container #donate-btn:hover {
    box-shadow: 0 0 1.25rem .0625rem #56ccf2;
    color: #fff !important
}

#cart .cart-filled .order-container #donate-btn .cart-loader {
    z-index: 10
}

#cart .cart-filled .order-container #donate-btn span {
    z-index: 10;
    position: relative
}

#cart .cart-filled .order-container .char-label {
    color: #f1f1f1 !important
}

#cart .cart-filled .order-container #realm-char {
    border-radius: .125rem;
    color: #bbb;
    background-image: none;
    box-shadow: inset 0 .0625rem .0625rem #00000013;
    background-color: #1d1d1d !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer !important
}

#cart .cart-filled .order-container #realm-char option {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    display: block;
    -webkit-user-select: all;
    user-select: all;
    pointer-events: all
}

#cart .cart-filled .order-container #realm-char option.online {
    color: #15ae51
}

#cart .cart-filled .order-container #realm-char option[selected=selected] {
    display: none !important
}

#galleryboard {
    z-index: 10 !important
}

#galleryboard .drop-zone {
    background-color: #1f1f1f;
    border: 4px dashed #6a6a6a;
    border-radius: 1rem;
    height: 100%;
    height: 300px;
    width: 100%;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

#galleryboard .drop-zone:hover {
    border: 4px dashed #888888;
    background-color: #242424
}

#galleryboard .drop-zone li {
    list-style: none;
    float: left;
    padding: .5rem .25rem .5rem .5rem !important;
    display: block;
    background: #424242;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 5px;
    text-shadow: 0px 0px 3px black
}

#galleryboard .drop-zone li .mdi {
    cursor: pointer;
    color: #dc143c;
    padding: 5px;
    background: #828282;
    border-radius: 5px;
    text-shadow: 0px 0px 4px black 0px 0px 4px black;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: 5px
}

#galleryboard .drop-zone li .mdi:hover {
    color: #fff !important;
    cursor: pointer;
    border: 1px solid gray
}

#galleryboard .grid {
    display: grid;
    grid-gap: 15px;
    grid-template-columns:repeat(4, 1fr)
}

@media screen and (min-width: 2560px) {
    #galleryboard .grid {
        grid-template-columns:repeat(6, 1fr)
    }
}

#galleryboard .grid .grid-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    border: 1px solid #333;
    border-radius: 8px
}

#galleryboard .grid .grid-item img {
    height: 100%;
    object-fit: contain
}

#galleryboard .grid .grid-item:hover .overlay {
    opacity: 1
}

#galleryboard .grid .grid-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    pointer-events: none
}

#galleryboard .grid .grid-item .overlay * {
    pointer-events: all
}

#galleryboard .grid .grid-item .overlay .btn {
    position: absolute;
    padding: .5rem 1rem;
    border-radius: .25rem;
    font-size: 1rem;
    font-weight: 600;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    cursor: pointer;
    z-index: 5;
    outline: none
}

#galleryboard .grid .grid-item .overlay .btn i {
    font-size: 1.5rem !important
}

#galleryboard .grid .grid-item .overlay .copy-btn {
    top: .5rem;
    right: .5rem;
    background-color: #c9aa71;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    border: 2px solid rgb(243, 225, 192) !important
}

#galleryboard .grid .grid-item .overlay .copy-btn:hover {
    color: #383838 !important
}

#galleryboard .grid .grid-item .overlay .delete-btn {
    bottom: .5rem;
    right: .5rem;
    background-color: #dc143c;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    border: 2px solid rgb(255, 99, 130) !important
}

#galleryboard .grid .grid-item .overlay .delete-btn:hover {
    background-color: #a31430 !important;
    text-shadow: none !important;
    color: #000 !important
}

#galleryboard .grid .grid-item .overlay .date, #galleryboard .grid .grid-item .overlay .author {
    background-color: #333232;
    padding: .25rem .5rem;
    border-radius: 5px;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    margin: 0
}

#galleryboard .grid .grid-item .overlay .date {
    top: .5rem;
    left: .5rem
}

#galleryboard .grid .grid-item .overlay .author {
    bottom: .5rem;
    left: .5rem
}

#content-wrapper-builder #builder {
    position: relative;
    background: url(https://api.ascension.gg/assets/ac7edc45.webp);
    background-attachment: fixed;
    background-size: cover;
    min-height: calc(100vh - 4rem);
    padding-top: 2rem
}

@media not all and (min-resolution: .001dpcm) {
    #content-wrapper-builder #builder {
        background-image: none !important;
        background-attachment: local !important
    }
}

#content-wrapper-builder #builder .overview-header-rarity {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: .0625rem solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    min-width: 15.5rem;
    max-width: 22.5rem
}

#content-wrapper-builder #builder .overview-header-rarity .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder #builder .overview-header-rarity .overview-header-content .rarity-list {
    list-style: none;
    padding: 0;
    margin: 0
}

#content-wrapper-builder #builder .overview-header-rarity .overview-header-content .rarity-list li {
    list-style: none;
    float: left
}

#content-wrapper-builder #builder .overview-header-rarity .overview-header-content .rarity-list li img {
    height: 1.375rem;
    width: 1.375rem
}

#content-wrapper-builder #builder .container {
    max-width: 73.5rem;
    width: 100%;
    padding: 0 1.6rem 3.2rem;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .build-header .action-item {
        width: 12.5rem;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

#content-wrapper-builder #builder .build-header h1 {
    color: #fff !important;
    font-size: 2.4rem !important;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .build-header h2 {
    color: #c7c7c7;
    font-size: 2.4rem !important;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    display: none !important
}

#content-wrapper-builder #builder .build-header .builder-cost-change {
    margin-top: .6rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo, #content-wrapper-builder #builder .build-header .builder-cost-change .btnThree {
    background-color: #1d1d1d;
    box-shadow: 0 .1875rem .375rem #000000a9;
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: .0625rem solid transparent !important;
    outline: none !important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active, #content-wrapper-builder #builder .build-header .builder-cost-change .btnThree.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #ffbe4b;
    color: #000
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnThree.active:hover {
    border: .0625rem solid #c9aa71 !important;
    color: #fff !important;
    background-color: #c9aa71 !important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnThree:hover {
    cursor: pointer;
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: #1d1d1d !important
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .btnThree {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#content-wrapper-builder #builder .build-header .builder-cost-change .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #c9aa71;
    color: #000
}

#content-wrapper-builder #builder .build-header .builder-cost-change .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 .0625rem transparent inset;
    box-shadow: 0 0 0 .0625rem transparent inset
}

#content-wrapper-builder #builder .build-header .actions-container .action-item {
    padding: .5rem .9rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: .0625rem solid #534133;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .build-header .actions-container .action-item:hover {
    background: rgba(0, 0, 0, .25);
    border: .0625rem solid gray;
    color: #dcdcdc
}

#content-wrapper-builder #builder .build-header .actions-container .action-item.selected, #content-wrapper-builder #builder .build-header .actions-container .action-item.router-link-exact-active {
    border: .0625rem solid #c9aa71 !important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card {
    min-width: 18.75rem !important;
    width: 18.75rem !important;
    height: 25rem !important;
    min-height: 25rem !important;
    margin: 0 !important;
    display: block
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card:hover .realm-edit {
    opacity: 1
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .0625rem .1875rem #0000004d, 0 .3125rem .3125rem #0009;
    border: .0625rem solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0 !important;
    padding: 0rem .3125rem !important;
    background: #131415;
    border-radius: .1875rem;
    box-shadow: 0 0 .3125rem #000
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .character-view .mdi {
    height: 1.5625rem;
    width: 1.5625rem;
    border-radius: .3125rem;
    line-height: 1.875rem;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none !important;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none !important;
    text-shadow: 0 0 .1875rem #0d4364, 0 0 .1875rem #0d4364
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid #fb4646;
    border-left: .0625rem solid #fb4646;
    border-bottom: .0625rem solid #fb4646
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: .0625rem solid #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100;
    width: 8.125rem !important;
    height: 3.125rem !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000 !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-edit:hover .btn {
    border: none !important;
    color: #000 !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100% !important;
    font-size: 1.1rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner:hover {
    box-shadow: 0 .875rem 1.75rem #00000040, 0 .625rem .625rem #00000038;
    border: .0625rem solid #c9aa71
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner:hover .realm-info {
    opacity: 0 !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner:hover img {
    transform: scale(1.2)
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner:hover .re-img {
    transform: scale(1)
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner:hover .card-info {
    z-index: 5;
    opacity: 1
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .card-info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00000079;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .btn-primary {
    position: absolute;
    width: 12.5rem;
    left: 3.125rem;
    bottom: 1.5625rem;
    border-radius: 0rem;
    background-color: #c9aa71;
    color: #000;
    font-weight: 700;
    border: none !important;
    box-shadow: 0 0 .9375rem #00000082, 0 0 .9375rem #00000082;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 6
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .btn-primary:hover {
    background-color: #c08749;
    color: #fff !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0)
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info h4, #content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info h5, #content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .card-info .card-content h4, #content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .card-info .card-content h5 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .mdi {
    z-index: 1;
    font-size: 1.625rem;
    color: #fff;
    transition: all .35s ease;
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    border-radius: 100%;
    position: absolute;
    left: .75rem;
    top: .5rem;
    margin: 0 !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .author {
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem;
    position: absolute;
    right: .75rem;
    top: .5rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container {
    z-index: 1;
    margin: 0;
    padding: 0
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: .25rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .re-img {
    -webkit-user-select: none;
    user-select: none;
    object-fit: revert;
    width: 1.5625rem;
    height: 1.5625rem;
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    position: relative;
    filter: blur(0)
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text {
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.5625rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.overview {
    line-height: 1.875rem;
    color: #e5cc80 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info h4 {
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 0 !important;
    display: inline-block;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-shadow: 0 0 .9375rem #000, 0 0 .9375rem #000;
    position: relative;
    bottom: -.3125rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .realm-info h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 1.35rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem;
    opacity: 1;
    position: relative;
    bottom: -.3125rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .card-content {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner .card-content h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 0rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem
}

#content-wrapper-builder #builder .featured-builds #live-card-preview .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    filter: blur(.125rem)
}

#content-wrapper-builder #builder .featured-builds #creator .ucp-card {
    min-height: 38.125rem !important;
    max-width: 26.875rem !important
}

#content-wrapper-builder #builder .featured-builds #creator textarea:focus {
    background: transparent !important;
    color: #dcdcdc
}

#content-wrapper-builder #builder .featured-builds #creator .enchant-label {
    text-transform: capitalize
}

#content-wrapper-builder #builder .featured-builds #creator .custom-control-label {
    line-height: 1.375rem;
    cursor: pointer
}

#content-wrapper-builder #builder .featured-builds #creator .card {
    min-height: 38.125rem !important;
    max-width: 26.875rem !important
}

#content-wrapper-builder #builder .builder-options {
    margin-bottom: 10rem
}

#content-wrapper-builder #builder .builder-button {
    height: 2.5rem;
    width: 9rem;
    position: relative;
    cursor: pointer;
    border: .0625rem solid #534133;
    background-color: #000000af;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder #builder .builder-button span {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 3.125rem;
    color: #c8c8c8
}

#content-wrapper-builder #builder .builder-button.selected {
    border: .0625rem solid #c9aa71 !important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-button:hover {
    color: #dcdcdc;
    border: .0625rem solid gainsboro
}

#content-wrapper-builder #builder .builder-class-wrapper {
    max-width: 81.25rem;
    border-bottom: .0625rem solid rgba(140, 140, 140, .4941176471)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: .5rem;
    border-bottom: .1875rem solid rgba(255, 255, 255, 0)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container span {
    color: #ffb500;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    margin-bottom: .8rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-user-select: none;
    user-select: none
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .2rem .4rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        color: #c9aa71;
        display: block;
        z-index: 9;
        width: 3.75rem;
        left: 0;
        font-size: .875rem;
        font-weight: 700;
        bottom: -.8rem;
        text-shadow: .0625rem .125rem .0625rem rgb(0, 0, 0)
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: .0625rem
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points.points-ae {
        position: absolute;
        left: .8125rem
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points.points-te {
        position: absolute;
        left: 3.125rem
    }
}

@media only screen and (min-width: 60.5625rem) {
    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: .875rem;
        font-weight: 700
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: .0625rem
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .2rem .4rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: #c9aa71;
        border: .0625rem solid #c9aa71;
        position: absolute;
        bottom: -.5rem;
        display: block;
        z-index: 9;
        width: 110%;
        left: 0
    }
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class {
    height: 3.125rem;
    width: 3.125rem;
    box-shadow: 0 0 .3125rem #000000b3;
    border-radius: 100%;
    position: relative;
    border: .125rem solid #534133;
    margin: 0 auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover span {
    color: #dcdcdc
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
    border-color: #dcdcdc
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active {
    border-bottom: .1875rem solid #c9aa71;
    filter: drop-shadow(0rem 0rem .3125rem #C9AA71)
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active .builder-class {
    border: .125rem solid #C9AA71
}

#content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-container {
    padding-bottom: .5rem;
    border: none !important
}

#content-wrapper-builder #builder .builder-spec-wrapper {
    position: relative;
    margin-top: 1rem !important;
    margin-bottom: .5rem !important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
    min-width: 30%;
    max-height: 100%;
    box-shadow: 0 .1875rem .375rem #000000b3;
    border: .0625rem solid;
    border-color: #534133;
    background-color: #000000b4;
    padding: .8rem;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .35s ease !important;
    -moz-transition: all .35s ease !important;
    -ms-transition: all .35s ease !important;
    -o-transition: all .35s ease !important;
    transition: all .35s ease !important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .mb-4 {
    margin-bottom: 1rem !important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
    border-color: gray
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
    border: .0625rem solid #C9AA71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 100%
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    margin-left: .8rem;
    line-height: 1.875rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
    color: #ffe4c7;
    font-size: .8rem;
    text-align: left;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
    margin-left: auto;
    display: flex
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
    height: .9375rem;
    width: .9375rem;
    min-width: .9375rem;
    min-height: .9375rem;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
    top: -.0625rem
}

#content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
    line-height: 1.75rem;
    height: 1.875rem;
    padding: 0 .625rem;
    font-size: 1rem;
    box-shadow: 0 0 .3125rem #000000b3;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #000000af;
    color: silver;
    border: .0625rem solid #534133;
    display: block;
    z-index: 9
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-spec-wrapper {
        position: relative;
        margin-top: 1rem !important;
        margin-bottom: .5rem !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
        min-width: 100%;
        max-height: auto !important;
        min-height: 8.125rem !important;
        box-shadow: 0 .1875rem .375rem #000000b3;
        border: .0625rem solid;
        border-color: #534133;
        background-color: #000000b4;
        padding: .8rem;
        display: block;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        -webkit-transition: all .35s ease !important;
        -moz-transition: all .35s ease !important;
        -ms-transition: all .35s ease !important;
        -o-transition: all .35s ease !important;
        transition: all .35s ease !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .mb-4 {
        margin-bottom: 1rem !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
        border: .0625rem solid #C9AA71;
        background-color: #201706
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71 !important;
        border: .0625rem solid #c9aa71 !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 100%
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 1.25rem;
        margin-left: .8rem;
        line-height: 1.875rem;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: .8rem;
        text-align: left;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: .9375rem;
        width: .9375rem;
        min-width: .9375rem;
        min-height: .9375rem;
        border: none !important;
        border-radius: 0 !important;
        position: relative;
        top: -.0625rem
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 1.75rem;
        height: 1.875rem;
        padding: 0 .625rem;
        font-size: 1rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: silver;
        border: .0625rem solid #534133;
        display: block;
        z-index: 9
    }
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder hr {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        border-top: .0625rem solid rgba(140, 140, 140, .4941176471)
    }
}

#content-wrapper-builder #builder .builder-card-wrapper {
    max-width: 81.25rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-list {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(18.75rem, 1fr));
    grid-gap: 1rem;
    justify-items: center;
    max-width: 58.75rem;
    margin: 0 !important;
    margin-bottom: 2rem !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card {
    min-width: 18.75rem;
    width: 18.75rem;
    height: 25rem;
    min-height: 25rem;
    margin: 0 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card:hover .realm-edit {
    opacity: 1
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .0625rem .1875rem #0000004d, 0 .3125rem .3125rem #0009;
    border: .0625rem solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0 !important;
    padding: 0rem .3125rem !important;
    background: #131415;
    border-radius: .1875rem;
    box-shadow: 0 0 .3125rem #000
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .mdi {
    height: 1.5625rem;
    width: 1.5625rem;
    border-radius: .3125rem;
    line-height: 1.875rem;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none !important;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none !important;
    text-shadow: 0 0 .1875rem #0d4364, 0 0 .1875rem #0d4364
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid #fb4646;
    border-left: .0625rem solid #fb4646;
    border-bottom: .0625rem solid #fb4646
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: .0625rem solid #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100;
    width: 8.125rem !important;
    height: 3.125rem !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit:hover .btn {
    border: none !important;
    color: #000 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100% !important;
    font-size: 1.1rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-edit {
    opacity: 0 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover {
    box-shadow: 0 .875rem 1.75rem #00000040, 0 .625rem .625rem #00000038;
    border: .0625rem solid #c9aa71
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .realm-info {
    opacity: 0 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover img {
    transform: scale(1.2)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .re-img {
    transform: scale(1)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .card-info {
    z-index: 5;
    opacity: 1
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner:hover .btn-edit {
    opacity: 1 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00000079;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-primary {
    position: absolute;
    width: 12.5rem;
    left: 3.125rem;
    bottom: 1.5625rem;
    border-radius: 0rem;
    background-color: #c9aa71;
    color: #000;
    font-weight: 700;
    border: none !important;
    box-shadow: 0 0 .9375rem #00000082, 0 0 .9375rem #00000082;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 6
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .btn-primary:hover {
    background-color: #c08749;
    color: #fff !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h4, #content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h5, #content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info .card-content h4, #content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-info .card-content h5 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .mdi {
    z-index: 1;
    font-size: 1.625rem;
    color: #fff;
    transition: all .35s ease;
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    border-radius: 100%;
    position: absolute;
    left: .75rem;
    top: .5rem;
    margin: 0 !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .author {
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem;
    position: absolute;
    right: .75rem;
    top: .5rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container {
    z-index: 1;
    margin: 0;
    padding: 0
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: .25rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .re-img {
    -webkit-user-select: none;
    user-select: none;
    object-fit: revert;
    width: 1.5625rem;
    height: 1.5625rem;
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    position: relative;
    filter: blur(0rem)
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text {
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.5625rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.overview {
    line-height: 1.875rem;
    color: #e5cc80 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info .spell-img-container .item-text.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h4 {
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 0 !important;
    display: inline-block;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-shadow: 0 0 .9375rem #000, 0 0 .9375rem #000;
    position: relative;
    bottom: -.3125rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .realm-info h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 1.35rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem;
    opacity: 1;
    position: relative;
    bottom: -.3125rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-content {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner .card-content h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 0rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem
}

#content-wrapper-builder #builder .builder-card-wrapper .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    filter: blur(.125rem)
}

#content-wrapper-builder #builder .spell-container {
    justify-content: center
}

#content-wrapper-builder #builder .spell-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block !important;
    outline: none !important;
    box-shadow: none !important
}

#content-wrapper-builder #builder .spell-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder #builder .spell-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder #builder .re-container {
    justify-content: center
}

#content-wrapper-builder #builder .re-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block !important;
    outline: none !important;
    box-shadow: none !important
}

#content-wrapper-builder #builder .re-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder #builder .re-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder #builder .re-container .pagination .page-next .page-link, #content-wrapper-builder #builder .re-container .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#content-wrapper-builder #builder .re-container .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .re-container .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .re-container .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder .re-container .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#content-wrapper-builder #builder .re-container .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#content-wrapper-builder #builder .re-container .pagination .page-item.active {
    outline: none !important
}

#content-wrapper-builder #builder .re-container .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#content-wrapper-builder #builder .re-container .re-navigation span {
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: #fff;
    text-shadow: 0rem 0rem .3125rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    overflow: hidden;
    height: auto !important;
    border-radius: 3.125rem .9375rem .9375rem 3.125rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-left: none !important;
    cursor: pointer
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help !important
    }
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block !important;
    width: 100%
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container:hover {
    border-color: gray
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.open {
    height: auto !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container {
    filter: drop-shadow(0rem 0rem .5rem #c9aa71);
    box-shadow: 0 0 4.375rem;
    border: .1563rem solid #c9aa71 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after {
    box-shadow: inset 0 0 .5rem #c9aa71 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: .625rem;
    width: .625rem;
    left: .25rem;
    top: .25rem;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 0 1rem 0 0
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 3.125rem;
    width: 3.125rem;
    min-width: 3.125rem;
    min-height: 3.125rem;
    max-width: 3.125rem;
    max-height: 3.125rem;
    position: relative;
    border-radius: 100%;
    border: .1563rem solid #534133;
    box-shadow: 0 0 4.375rem #ac6e3e
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 3.75rem;
    height: 3.75rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 .5rem #533b28;
    border-radius: 1.25rem;
    top: 0;
    left: 0;
    content: ""
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 3.125rem;
    position: relative;
    display: block;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.rare, #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Rare, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.rare, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Rare {
    color: #60c7f9 !important
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.epic, #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Epic, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.epic, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Epic {
    color: #c260f9 !important;
    text-shadow: 0rem 0rem .625rem #7e3ab7
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.legendary, #content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Legendary, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text.legendary, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text .Legendary {
    color: #f9a160 !important;
    text-shadow: 0rem 0rem .625rem #b76f3a
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: .0625rem solid #808080;
    background-color: #000000b3;
    display: block;
    position: relative;
    right: 0rem;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    cursor: pointer;
    font-size: 1.375rem;
    margin-top: .9375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .1875rem
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .talents-container .talents-search {
        display: block !important
    }

    #content-wrapper-builder #builder .talents-container .talents-content {
        padding-top: 0 !important
    }
}

#content-wrapper-builder #builder .talents-container {
    height: 100%
}

#content-wrapper-builder #builder .talents-container .talents-search {
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width: 60.5625rem) {
    #content-wrapper-builder #builder .talents-container .talents-search {
        display: none !important;
        outline: none !important;
        box-shadow: none !important
    }
}

#content-wrapper-builder #builder .talents-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder #builder .talents-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder #builder .talents-container .talents-content {
    min-width: 18.75rem;
    justify-content: center;
    border: .0625rem solid #595555;
    border-color: #534133;
    background-color: #000000b4;
    display: block;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto
}

@media only screen and (min-width: 60.5625rem) {
    #content-wrapper-builder #builder .talents-container .talents-content {
        padding-top: 2.25rem !important;
        padding-bottom: 0rem !important
    }
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    overflow: hidden;
    height: auto !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence .item, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence .item {
    filter: opacity(.25) saturate(0);
    -webkit-user-select: all !important;
    user-select: all !important;
    pointer-events: all !important;
    overflow: visible !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
    cursor: help !important
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help !important
    }
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block !important;
    width: 100%
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover {
    border-color: gray
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.open {
    height: auto !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-count {
    display: inline-block;
    border: .1563rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    border-radius: .3125rem;
    padding: .1875rem .4375rem;
    color: #fff !important;
    height: 1.625rem;
    position: relative;
    top: .6875rem;
    right: .9375rem;
    font-size: .875rem;
    line-height: .9375rem;
    font-weight: 700;
    letter-spacing: .125rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: .625rem;
    width: .625rem;
    left: .25rem;
    top: .25rem;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-count, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-count {
    display: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    border: .0625rem solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    max-width: 1.875rem;
    max-height: 1.875rem;
    position: relative
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.875rem;
    position: relative;
    display: block;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: .0625rem solid #808080;
    background-color: #000000b3;
    display: block;
    position: relative;
    right: 0rem;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    cursor: pointer;
    font-size: 1.375rem;
    margin-top: .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns:3.125rem 3.125rem 3.125rem 3.125rem;
    grid-template-rows:auto;
    grid-gap: 1.625rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item {
    border: .0625rem solid #534133;
    border-width: .0625rem;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    width: 3.125rem;
    height: 3.125rem;
    position: relative;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.legendary, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Legendary, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.legendary, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Legendary {
    border: .0625rem solid #ff8000 !important;
    box-shadow: 0 0 .3125rem #ff800088 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.epic, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Epic, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.epic, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Epic {
    border: .0625rem solid #a335ee !important;
    box-shadow: 0 0 .3125rem #a335ee88 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.rare, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .Rare, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.rare, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .Rare {
    border: .0625rem solid #0070dd !important;
    box-shadow: 0 0 .3125rem #0070dd88 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.uncommon .Uncommon, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.uncommon .Uncommon {
    border: .0625rem solid #1eff00 !important;
    box-shadow: 0 0 .3125rem #1eff0088 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence .item-inner {
    filter: opacity(.25) saturate(0);
    -webkit-user-select: all !important;
    user-select: all !important;
    pointer-events: all !important;
    overflow: visible !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence * {
    cursor: help !important
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence * {
        cursor: help !important
    }
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:after, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:after {
    content: attr(data-rank) "/" attr(data-maxranks);
    position: absolute;
    bottom: -.625rem;
    right: -.625rem;
    display: block;
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    padding: 0rem .125rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-1, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-2, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-3, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-4, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner {
    position: relative;
    filter: saturate(5%)
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    min-height: 3.125rem;
    min-width: 3.125rem;
    max-height: 3.125rem;
    max-width: 3.125rem;
    position: relative
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info i, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 3.75rem;
    height: 3.75rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: .3125rem;
    border: .0625rem solid #808080;
    background-color: #000000b3;
    height: 1.875rem;
    margin-left: 1rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
    color: gray;
    font-size: 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:hover {
    border-color: gray
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706;
    box-shadow: 0 0 .375rem #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected:after, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after {
    color: #c9aa71;
    border-color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner {
    filter: saturate(100%)
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active {
    color: #209717;
    border-color: #209717;
    background-color: #0f2006;
    box-shadow: 0 0 .375rem #209717;
    border: .0625rem solid #209717
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner {
    filter: saturate(100%)
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
    color: #209717
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points {
    color: #209717 !important;
    border-color: #209717 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
    color: #209717
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-template-rows:auto;
    grid-gap: .625rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence .item-inner {
    filter: opacity(.25) saturate(0);
    -webkit-user-select: all !important;
    user-select: all !important;
    pointer-events: all !important;
    overflow: visible !important
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.5) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence * {
        cursor: help !important
    }
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
    border: .0625rem solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    position: relative
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 2.5rem;
    height: 2.5rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.875rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: .3125rem;
    border: .0625rem solid #808080;
    background-color: #000000b3;
    height: 1.875rem;
    margin-left: 1rem;
    min-width: 4.375rem;
    display: inline-block
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item:hover {
    border-color: gray
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .btnOne, #content-wrapper-builder #builder .btnTwo, #content-wrapper-builder #builder .btnThree {
        background-color: #1d1d1d;
        box-shadow: 0 .1875rem .375rem #000000a9;
        color: #dcdcdc;
        text-shadow: none;
        font-weight: 700;
        transition: all .2s ease-in-out;
        border: .0625rem solid transparent !important;
        outline: none !important
    }

    #content-wrapper-builder #builder .btnOne.active, #content-wrapper-builder #builder .btnTwo.active, #content-wrapper-builder #builder .btnThree.active {
        background-color: #c9aa71;
        box-shadow: 0 0 .375rem #ffbe4b;
        color: #000
    }

    #content-wrapper-builder #builder .btnOne.active:hover, #content-wrapper-builder #builder .btnTwo.active:hover, #content-wrapper-builder #builder .btnThree.active:hover {
        border: .0625rem solid #c9aa71 !important;
        color: #fff !important;
        background-color: #c9aa71 !important
    }

    #content-wrapper-builder #builder .btnOne:hover, #content-wrapper-builder #builder .btnTwo:hover, #content-wrapper-builder #builder .btnThree:hover {
        cursor: pointer;
        border: .0625rem solid #c9aa71 !important;
        color: #c9aa71 !important;
        background-color: #1d1d1d !important
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder {
        padding-top: 10rem
    }

    #content-wrapper-builder #builder .show-xxl {
        display: block !important
    }

    #content-wrapper-builder #builder .container {
        max-width: 91.875rem;
        width: 100%;
        padding: 0 2rem 4rem;
        margin-bottom: 0 !important
    }

    #content-wrapper-builder #builder .build-header h1 {
        color: #fff !important;
        font-size: 3rem !important;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
    }

    #content-wrapper-builder #builder .build-header h2 {
        color: #c7c7c7;
        font-size: 2rem !important;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change {
        margin-top: .5rem
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo {
        background-color: #1d1d1d;
        box-shadow: 0 .1875rem .375rem #000000a9;
        color: #dcdcdc;
        text-shadow: none;
        font-weight: 700;
        transition: all .2s ease-in-out;
        border: .0625rem solid transparent !important;
        outline: none !important
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active {
        background-color: #c9aa71;
        box-shadow: 0 0 .375rem #ffbe4b;
        color: #000
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne.active:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo.active:hover {
        border: .0625rem solid #c9aa71 !important;
        color: #fff !important;
        background-color: #c9aa71 !important
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne:hover, #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo:hover {
        cursor: pointer;
        border: .0625rem solid #c9aa71 !important;
        color: #c9aa71 !important;
        background-color: #1d1d1d !important
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnOne {
        border-top-left-radius: .28571429rem;
        border-bottom-left-radius: .28571429rem
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .btnTwo {
        border-top-right-radius: .28571429rem;
        border-bottom-right-radius: .28571429rem
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .ui.button.active {
        background-color: #c9aa71;
        box-shadow: 0 0 .375rem #c9aa71;
        color: #000
    }

    #content-wrapper-builder #builder .build-header .builder-cost-change .ui.buttons .or:before {
        position: absolute;
        text-align: center;
        border-radius: 500rem;
        content: "or";
        top: 50%;
        left: 50%;
        background-color: #351e1e;
        text-shadow: none;
        margin-top: -.89285714em;
        margin-left: -.89285714em;
        width: 1.78571429em;
        height: 1.78571429em;
        line-height: 1.7;
        color: #fff;
        font-style: normal;
        font-weight: 700;
        -webkit-box-shadow: 0 0 0 .0625rem transparent inset;
        box-shadow: 0 0 0 .0625rem transparent inset
    }

    #content-wrapper-builder #builder .build-header .actions-container .action-item {
        padding: .5rem .9rem;
        display: block;
        background: rgba(0, 0, 0, .35);
        border: .0625rem solid #534133;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder #builder .build-header .actions-container .action-item:hover {
        background: rgba(0, 0, 0, .25);
        border: .0625rem solid gray;
        color: #dcdcdc
    }

    #content-wrapper-builder #builder .build-header .actions-container .action-item.selected, #content-wrapper-builder #builder .build-header .actions-container .action-item.router-link-exact-active {
        border: .0625rem solid #c9aa71 !important;
        background-color: #201706;
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-options {
        margin-bottom: 10rem
    }

    #content-wrapper-builder #builder .builder-button {
        height: 3.125rem;
        width: 11.25rem;
        position: relative;
        cursor: pointer;
        border: .0625rem solid #534133;
        background-color: #000000af;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    #content-wrapper-builder #builder .builder-button span {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 3.125rem;
        color: #c8c8c8
    }

    #content-wrapper-builder #builder .builder-button.selected {
        border: .0625rem solid #c9aa71 !important;
        background-color: #201706;
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-button:hover {
        color: #dcdcdc;
        border: .0625rem solid gainsboro
    }

    #content-wrapper-builder #builder .builder-class-wrapper {
        max-width: 81.25rem;
        margin-bottom: 3rem;
        border-bottom: .0625rem solid rgba(140, 140, 140, .4941176471)
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding-bottom: 2rem;
        border-bottom: .1875rem solid rgba(255, 255, 255, 0)
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container span {
        color: #ffb500;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
        margin-bottom: 1rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: .875rem;
        font-weight: 700
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: .0625rem
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .25rem .5rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: #c9aa71;
        border: .0625rem solid #c9aa71;
        position: absolute;
        bottom: 1rem;
        display: block;
        z-index: 9;
        width: 6.25rem;
        left: 0rem
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class {
        height: 3.125rem;
        width: 3.125rem;
        box-shadow: 0 0 .3125rem #000000b3;
        border-radius: 100%;
        position: relative;
        border: .125rem solid #534133;
        margin: 0 auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover span {
        color: #dcdcdc
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
        border-color: #dcdcdc
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active {
        border-bottom: .1875rem solid #c9aa71;
        filter: drop-shadow(0rem 0rem .3125rem #C9AA71)
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container.active .builder-class {
        border: .125rem solid #C9AA71
    }

    #content-wrapper-builder #builder .builder-class-wrapper .builder-class-container .builder-class-container {
        padding-bottom: .5rem;
        border: none !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper {
        position: relative;
        margin-bottom: 5rem
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec {
        min-width: 31%;
        min-height: 10.625rem;
        box-shadow: 0 .1875rem .375rem #000000b3;
        border: .0625rem solid;
        border-color: #534133;
        background-color: #000000b4;
        padding: 1rem;
        display: block;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        -webkit-transition: all .35s ease !important;
        -moz-transition: all .35s ease !important;
        -ms-transition: all .35s ease !important;
        -o-transition: all .35s ease !important;
        transition: all .35s ease !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected {
        border: .0625rem solid #C9AA71;
        background-color: #201706
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71 !important;
        border: .0625rem solid #c9aa71 !important
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec img {
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 100%
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 1.25rem;
        margin-left: 1rem;
        line-height: 1.875rem;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: 1rem;
        text-align: left;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: .9375rem;
        width: .9375rem;
        min-width: .9375rem;
        min-height: .9375rem;
        border: none !important;
        border-radius: 0 !important;
        position: relative;
        top: -.0625rem
    }

    #content-wrapper-builder #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 1.75rem;
        height: 1.875rem;
        padding: 0 .625rem;
        font-size: 1rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: silver;
        border: .0625rem solid #534133;
        display: block;
        z-index: 9
    }

    #content-wrapper-builder #builder .spell-container, #content-wrapper-builder #builder .re-container {
        justify-content: center
    }

    #content-wrapper-builder #builder .talents-container {
        height: 100%
    }

    #content-wrapper-builder #builder .talents-container .talents-search {
        border-color: #534133;
        background-color: #000000b4 !important;
        padding: 1.35rem 1rem;
        margin-bottom: .5rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        outline: none !important;
        box-shadow: none !important
    }

    #content-wrapper-builder #builder .talents-container .talents-search:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .talents-container .talents-search:focus {
        border-color: #c9aa71;
        background-color: #201706 !important
    }

    #content-wrapper-builder #builder .talents-container .talents-content {
        min-width: 18.75rem;
        justify-content: center;
        border: .0625rem solid #595555;
        border-top-color: #595555;
        border-right-color: #595555;
        border-bottom-color: #595555;
        border-left-color: #595555;
        border-color: #534133;
        background-color: #000000b4;
        display: block;
        top: 1.5rem;
        height: 100%;
        min-height: 100%;
        max-height: 62.5rem;
        overflow-y: auto
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

@media only screen and (min-width: 131.3125rem) and (min-width: 62.5625rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 62.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container {
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        grid-column: auto;
        overflow: hidden;
        height: auto !important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help !important
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
        grid-column: 1 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
        grid-column: 2 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
        grid-column: 3 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
        grid-column: 4 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
        display: block !important;
        width: 100%
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.open {
        height: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
        filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
        position: absolute;
        height: .625rem;
        width: .625rem;
        left: .25rem;
        top: .25rem;
        content: "";
        background-color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
        padding: 1rem 1.5rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
        border: .0625rem solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        width: 100%;
        min-width: 1.875rem;
        min-height: 1.875rem;
        max-width: 1.875rem;
        max-height: 1.875rem;
        position: relative
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 100%;
        height: 100%;
        min-width: 2.5rem;
        min-height: 2.5rem;
        max-width: 2.5rem;
        max-height: 2.5rem;
        left: -.3125rem;
        top: -.3125rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.875rem;
        position: relative;
        display: block;
        width: calc(100% - 1.875rem);
        max-width: calc(100% - 1.875rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        padding-right: 11px !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
        border: .0625rem solid #808080;
        background-color: #000000b3;
        display: block;
        position: relative;
        right: 0rem;
        height: 1.25rem;
        width: 1.25rem;
        min-width: 1.25rem;
        min-height: 1.25rem;
        cursor: pointer;
        font-size: 1.375rem;
        margin-top: .3125rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
        height: 100%;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        text-align: left;
        padding: 0 1.5rem;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
        font-weight: 700;
        font-size: 1rem;
        color: #fff
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
        color: #ffe4c7
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
        color: #fff
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
        font-weight: 700;
        color: #bf5329
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns:3.6875rem 3.6875rem 3.6875rem 3.6875rem;
        grid-template-rows:auto;
        grid-gap: 1.875rem
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 62.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container {
        display: grid;
        grid-template-columns:2.5rem 2.5rem 2.5rem 2.5rem;
        grid-template-rows:auto;
        grid-gap: 1.875rem
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item {
        border: .0625rem solid #534133;
        border-width: .0625rem;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.legendary, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.legendary {
        border: .0625rem solid #ff8000 !important;
        box-shadow: 0 0 .3125rem #ff800088 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.epic, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.epic {
        border: .0625rem solid #a335ee !important;
        box-shadow: 0 0 .3125rem #a335ee88 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.rare, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.rare {
        border: .0625rem solid #0070dd !important;
        box-shadow: 0 0 .3125rem #0070dd88 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.uncommon, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.uncommon {
        border: .0625rem solid #1eff00 !important;
        box-shadow: 0 0 .3125rem #1eff0088 !important
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence * {
        cursor: help !important
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .v-popover .trigger, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .v-popover .trigger {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:after, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:after {
        content: attr(data-rank) "/" attr(data-maxranks);
        position: absolute;
        bottom: -.625rem;
        right: -.625rem;
        display: block;
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        padding: 0rem .125rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-1, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1 {
        grid-column: 1 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-2, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2 {
        grid-column: 2 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-3, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3 {
        grid-column: 3 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.grid-4, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4 {
        grid-column: 4 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 3.4375rem;
        width: 3.625rem;
        min-height: 3.4375rem;
        min-width: 3.4375rem;
        position: relative
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info i, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 4.0625rem;
        height: 4.0625rem;
        left: -.3125rem;
        top: -.3125rem;
        filter: saturate(5%)
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: .3125rem;
        border: .0625rem solid #808080;
        background-color: #000000b3;
        height: 1.875rem;
        margin-left: 1rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
        color: gray;
        font-size: 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706;
        box-shadow: 0 0 .375rem #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected:after, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after {
        color: #c9aa71;
        border-color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info img, #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info i, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info img, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info i {
        filter: saturate(100%) !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active {
        color: #209717;
        border-color: #209717;
        background-color: #0f2006;
        box-shadow: 0 0 .375rem #209717;
        border: .0625rem solid #209717;
        filter: saturate(100%)
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
        color: #209717
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points {
        color: #209717 !important;
        border-color: #209717 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
        color: #209717
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container.grid-spell, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item {
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        grid-column: auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        -webkit-user-select: none;
        user-select: none
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence {
        filter: opacity(1) saturate(0);
        cursor: help !important;
        -webkit-user-select: auto !important;
        user-select: auto !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.no_essence *, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.no_essence * {
        cursor: help !important
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner {
        padding: 1rem 1.5rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
        border: .0625rem solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 1.875rem;
        width: 1.875rem;
        min-width: 1.875rem;
        min-height: 1.875rem;
        position: relative
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 2.5rem;
        height: 2.5rem;
        left: -.3125rem;
        top: -.3125rem
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.875rem;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: .3125rem;
        border: .0625rem solid #808080;
        background-color: #000000b3;
        height: 1.875rem;
        margin-left: 1rem;
        min-width: 4.375rem;
        display: inline-block
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item:hover, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item:hover {
        border-color: gray
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
}

#content-wrapper-builder #builder .builder-overview-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: .0625rem solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    height: 6.875rem;
    max-height: 6.875rem;
    min-width: 12.5rem
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-header .overview-header-content .overview-name {
    color: #ffc516
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow {
    display: flex;
    height: 50rem;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item {
    max-height: 2.5rem
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-header {
    height: 2.5rem;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff !important;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black;
    line-height: 2.5rem;
    font-size: 1.125rem;
    text-align: center;
    box-shadow: 0 .1875rem .375rem #000000b3;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83%, 0) 19%, hsla(0, 0%, 100%, 0) 2%)
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black !important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-overview-wrapper .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu {
    background-color: #1d1d1d;
    border-bottom: .0625rem solid #2e2e2e;
    border-left: .0625rem solid #2e2e2e;
    border-top: .0625rem solid #2e2e2e;
    position: relative;
    max-width: 20rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    padding: 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 18.75rem;
    text-align: left;
    background: #262626;
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create:hover {
    border-color: silver;
    cursor: pointer;
    background-color: #333
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .arch-create span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list {
    list-style: none;
    margin-left: 0;
    padding: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    padding: 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 18.75rem;
    text-align: left;
    background: #262626;
    border: .0625rem solid #515151;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li.active {
    border: .0625rem solid #c9aa71 !important;
    pointer-events: none
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li.active span {
    color: #c9aa71 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li:hover {
    border-color: silver;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li:hover span {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    border: .125rem solid #1d1d1d
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    border-top: none;
    position: relative;
    max-width: 71.875rem;
    width: 100%
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header {
    width: 100%;
    background-color: #262626;
    border-bottom: .0625rem solid #2e2e2e;
    border-top: .0625rem solid #2e2e2e;
    padding: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-logo {
    height: 5rem;
    width: 5rem;
    border-radius: 100%;
    border: .125rem solid #1d1d1d;
    margin-right: 1rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-logo:hover {
    cursor: pointer;
    filter: opacity(.5)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content h5 {
    font-size: 2rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left;
    color: #c9aa71;
    margin: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-title-entry {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    height: 2.1875rem;
    border-radius: 0;
    padding: .45rem .75rem;
    width: 18.75rem;
    margin-bottom: .5rem;
    background: #1e1e1e !important;
    border: .0625rem solid #2e2e2e !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content p {
    font-size: 1.25rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left;
    margin: 0 !important;
    line-height: 2.5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-stat {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    border: .125rem solid #1d1d1d;
    margin-right: .75rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-role {
    height: 5rem;
    width: 5rem;
    border: .125rem solid #1d1d1d;
    border-radius: 1.25rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body {
    padding: 1rem 2rem 3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow {
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow .board-title {
    line-height: 2.5rem;
    font-weight: bolder;
    font-size: 2rem;
    -webkit-user-select: none;
    user-select: none;
    color: #c9aa71;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .searchrow .searchinput {
    position: relative;
    right: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list {
    padding-left: 0;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry {
    width: 100%;
    background-color: #262626;
    border: .0625rem solid #2e2e2e;
    padding: 1rem;
    margin-bottom: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar {
    height: 2.5rem;
    background-color: #2e2e2e;
    width: 100%;
    border-radius: .625rem;
    margin-top: .5rem;
    border: .0625rem solid #444
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn {
    background-color: #1e1e1e !important;
    border: .0625rem solid #515151 !important;
    color: #c9aa71;
    font-weight: 700;
    width: 12.5rem;
    border-radius: .4375rem;
    height: 2rem;
    line-height: .5rem;
    margin-top: .1875rem;
    margin-right: .1875rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn:hover {
    color: #000 !important;
    background-color: #c9aa71 !important;
    border-color: #0000 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data {
    margin-left: 1rem;
    line-height: 2.5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data span {
    color: #c9aa71;
    font-weight: 700;
    text-shadow: .0625rem .0625rem .1875rem black, .0625rem .0625rem .1875rem black
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data .value {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-rating-container .value {
    color: #2a66d0 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-rating-container .mdi {
    color: #e34242;
    text-shadow: .0625rem .0625rem .1875rem black;
    margin-left: .25rem;
    font-size: 1.25rem;
    line-height: 0rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-logo {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 100%;
    border: .125rem solid #1d1d1d;
    margin-right: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content h5 {
    font-size: 1.5rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left;
    color: #c9aa71;
    margin: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content p {
    font-size: 1rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left;
    margin: 0 !important;
    line-height: 2.5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-stat {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    border: .125rem solid #1d1d1d;
    margin-right: .75rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-role {
    height: 3.75rem;
    width: 3.75rem;
    border: .125rem solid #1d1d1d;
    border-radius: 1.25rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level {
    display: flex;
    width: 100%;
    overflow-x: visible;
    overflow-y: hidden;
    background: #111;
    border: .0625rem solid #3c3c3c
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container {
    height: 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group {
    margin-left: 2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header {
    position: sticky;
    left: 0;
    position: -webkit-sticky;
    background: #111;
    z-index: 1;
    padding: 0 .625rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi {
    font-size: 2rem;
    position: absolute
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi-menu-down {
    top: -.3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header .mdi-menu-up {
    bottom: -.3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-header span {
    background: #1d1d1d;
    padding: 0rem;
    border-radius: 100%;
    border: .0625rem solid #c9aa71;
    height: 2.25rem;
    width: 2.25rem;
    line-height: 2.125rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    margin-top: 2.1875rem;
    margin-left: 2rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .spell-img-container {
    border: .0625rem solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    max-width: 1.875rem;
    max-height: 1.875rem;
    position: relative
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .spell-img-container img, #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-level .leveling-container .level-group .level-items .entry .item-text {
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.875rem;
    position: relative;
    display: block;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator:first-of-type {
    margin-top: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .3125rem;
    border: .125rem solid #1d1d1d;
    margin-right: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5 {
    font-size: 2rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5:first-of-type {
    margin-top: 0rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .p-empty {
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left;
    font-size: 1.25rem;
    color: gray
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-next .page-link, #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.active {
    outline: none !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body #architect-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select {
    list-style: none;
    padding: .75rem 1rem;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 18.75rem;
    text-align: left;
    background: #262626;
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select:hover {
    border-color: silver;
    cursor: pointer;
    background-color: #333
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-select span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-desc-create {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.6;
    height: 2.5rem;
    border: .0625rem solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    width: 100%;
    height: 12.5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-desc {
    text-align: left;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem;
    text-shadow: 0rem .1875rem .1875rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .btn.btn-primary.btn-block {
    background-color: #c9aa71 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #000;
    font-weight: 700;
    min-height: 2.5rem;
    width: 15.625rem;
    position: relative;
    height: 1.875rem !important;
    font-size: 1rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body hr {
    border-top: .0625rem solid rgba(255, 255, 255, .32)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list {
    list-style: none;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 18.75rem;
    text-align: left;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem;
    text-shadow: 0rem .1875rem .1875rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body.create .equip-list li img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .3125rem;
    border: .125rem solid #1d1d1d;
    object-fit: cover
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list {
    list-style: none;
    margin-left: 0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li {
    list-style: none;
    margin-bottom: .5rem;
    margin-left: 0;
    justify-content: space-between;
    display: block;
    width: 100%;
    max-width: 18.75rem;
    text-align: left;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li span {
    line-height: 0;
    margin-left: .5rem;
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    top: .1875rem;
    text-shadow: 0rem .1875rem .1875rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .equip-list li img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .3125rem;
    border: .125rem solid #1d1d1d;
    object-fit: cover
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow {
    display: flex;
    max-height: 50rem;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item {
    max-height: 2.5rem
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-header {
    height: 2.5rem;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff !important;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black;
    line-height: 2.5rem;
    font-size: 1.125rem;
    text-align: center;
    box-shadow: 0 .1875rem .375rem #000000b3;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83%, 0) 19%, hsla(0, 0%, 100%, 0) 2%)
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content .talent-name {
    width: 10.625rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container {
    display: grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows:1fr !important;
    grid-gap: .625rem
}

@media only screen and (max-width: 98.125rem) and (min-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu {
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        background-color: transparent !important;
        border: none !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li {
        float: left;
        margin-right: .5rem;
        flex: 0 0 49%;
        max-width: 49%
    }
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu {
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        background-color: transparent !important;
        border: none !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list {
        width: 18.75rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-menu .menu-list li {
        max-width: 100% !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container {
        max-width: 95vw !important;
        border-top: .0625rem solid #2e2e2e !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container {
        grid-template-columns:minmax(0, 1fr) !important;
        grid-template-rows:1fr !important;
        margin: 0 1rem
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0;
        right: 0
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .overview-flow {
        max-height: 25rem !important;
        width: 100% !important;
        overflow-y: scroll !important;
        background: #111;
        border: .0625rem solid #3c3c3c;
        display: revert !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header img {
        height: 2.5rem !important;
        width: 2.5rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content h5 {
        font-size: 1.2rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content p {
        font-size: 1rem !important;
        line-height: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-header .arch-header-content .arch-stat {
        height: 1.875rem !important;
        width: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body {
        padding: 1rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator h5 {
        font-size: 1.5rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-separator img {
        height: 1.875rem !important;
        width: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body hr {
        margin-top: 1rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-sel-container {
        width: 100%
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-sel-container .arch-sel-role {
        margin-top: .5rem
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-logo, #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-role {
        height: 3rem !important;
        width: 3rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content h5 {
        font-size: 1.2rem !important;
        max-width: 12.5rem !important;
        overflow: hidden !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content .arch-stat {
        height: 1.875rem !important;
        width: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-header-content p {
        line-height: 1.875rem !important;
        font-size: .875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar {
        height: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data {
        line-height: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-data span {
        font-size: .8125rem !important;
        line-height: 1.875rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .mdi {
        font-size: 1rem !important
    }

    #content-wrapper-builder #builder .builder-architect-wrapper .arch-container .arch-body .arch-build-list .arch-build-entry .arch-bar .arch-btn {
        width: auto !important;
        height: 1.375rem !important;
        margin-top: .1875rem !important;
        margin-right: .1875rem !important
    }
}

#content-wrapper-builder #builder #build-create-modal .modal-input, #content-wrapper-builder #builder #talent-import-modal .modal-input, #content-wrapper-builder #builder #talent-export-modal .modal-input, #content-wrapper-builder #builder #settings-modal .modal-input {
    width: 100%;
    height: 1.875rem;
    padding: .625rem
}

#content-wrapper-builder #builder #arch-image-modal .modal-content {
    margin-top: 0;
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    padding: 1rem 2rem;
    color: #ffe4c7
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid {
    grid-template-columns:3.75rem 3.75rem 3.75rem 3.75rem 3.75rem 3.75rem;
    grid-template-rows:3.75rem 3.75rem 3.75rem 3.75rem;
    column-gap: .9375rem;
    row-gap: .9375rem;
    display: grid
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .25s ease all;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item .grid-img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: .25s ease all;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item:hover {
    cursor: pointer
}

#content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item:hover .grid-img, #content-wrapper-builder #builder #arch-image-modal .modal-content .img-grid .grid-item.active .grid-img {
    filter: saturate(0)
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav {
    margin-top: 1rem;
    margin-bottom: 0
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination {
    margin-bottom: 0
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-next .page-link, #content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.active {
    outline: none !important
}

#content-wrapper-builder #builder #arch-image-modal #architect-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#content-wrapper-builder #builder .builder-talent-wrapper *, #content-wrapper-builder #builder .builder-enchant-wrapper * {
    font-family: Segoe UI, Helvetica, Geneva, Verdana, sans-serif
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper:after, #content-wrapper-builder #builder .builder-enchant-wrapper:after {
        content: "";
        position: absolute;
        left: -1.25rem;
        line-height: 2rem;
        font-size: 1.25rem;
        text-shadow: 0rem .1875rem .1875rem rgb(0, 0, 0);
        display: none
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder #builder .builder-talent-wrapper, #content-wrapper-builder #builder .builder-enchant-wrapper {
        margin-top: 1.25rem !important
    }

    #content-wrapper-builder #builder .builder-talent-wrapper:after, #content-wrapper-builder #builder .builder-enchant-wrapper:after {
        content: "";
        position: absolute;
        top: -3.75rem;
        left: 1rem;
        line-height: 2rem;
        font-size: 1.25rem;
        margin-right: 3rem;
        text-shadow: 0rem .1875rem .1875rem rgb(0, 0, 0)
    }
}

.realm-button-list .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 .3125rem .3125rem #00000026 !important;
    min-height: 2.4375rem
}

@media only screen and (max-width: 60.5rem) {
    .item.viewing .desc-dropdown {
        height: auto !important;
        min-height: 7.1875rem !important;
        padding: 1rem 1.5rem !important;
        opacity: 1
    }

    .item .item-info, .item .item-text, .item .spell-img-container {
        pointer-events: none
    }

    .item-points {
        position: relative
    }

    .item-points:after {
        content: "";
        position: absolute;
        left: -1.25rem;
        top: -1.25rem;
        width: 3.75rem;
        height: 3.75rem
    }

    .desc-dropdown {
        min-width: 20.3125rem;
        -webkit-transition: .2s linear all;
        -moz-transition: .2s linear all;
        -ms-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all;
        opacity: 0;
        height: 0rem;
        min-height: 0;
        padding: 0;
        pointer-events: none
    }

    .desc-dropdown * {
        pointer-events: none
    }

    .desc-dropdown span {
        display: block;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
        line-height: 1.375rem;
        pointer-events: none
    }

    .desc-dropdown .trigger, .desc-dropdown .wrapper {
        width: 100%
    }

    .desc-dropdown .popover-inner {
        width: 100%;
        height: 100%;
        color: #dcdcdc;
        display: block;
        padding: .9375rem;
        border-radius: .3125rem;
        box-shadow: 0 .3125rem 1.875rem #0000001a;
        max-width: 100%;
        border: .0625rem solid #534133;
        background: rgba(20, 20, 20, .905) !important
    }

    .desc-dropdown .pop-name {
        font-size: 1.125rem;
        font-weight: 700;
        color: #c9aa71;
        text-align: left;
        pointer-events: none
    }
}

.tooltip {
    display: block !important;
    z-index: 10000;
    background: transparent;
    pointer-events: none !important
}

.tooltip .tooltip-inner {
    background: black;
    color: #fff;
    border-radius: 1rem;
    padding: .3125rem
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: .3125rem;
    border-color: #000;
    z-index: 1
}

.tooltip[x-placement^=top] {
    margin-bottom: .3125rem
}

.tooltip[x-placement^=top] .tooltip-arrow {
    border-width: .3125rem .3125rem 0 .3125rem;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -.3125rem;
    left: calc(50% - .3125rem);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
    margin-top: .3125rem
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 .3125rem .3125rem .3125rem;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -.3125rem;
    left: calc(50% - .3125rem);
    margin-top: 0;
    margin-bottom: 0
}

.tooltip[x-placement^=right] {
    margin-left: .3125rem
}

.tooltip[x-placement^=right] .tooltip-arrow {
    border-width: .3125rem .3125rem .3125rem 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -.3125rem;
    top: calc(50% - .3125rem);
    margin-left: 0;
    margin-right: 0
}

.tooltip[x-placement^=left] {
    margin-right: .3125rem
}

.tooltip[x-placement^=left] .tooltip-arrow {
    border-width: .3125rem 0 .3125rem .3125rem;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -.3125rem;
    top: calc(50% - .3125rem);
    margin-left: 0;
    margin-right: 0
}

.tooltip .trigger {
    width: 100% !important
}

.tooltip .wrapper {
    width: 100%
}

.tooltip.popover {
    min-width: 20.3125rem;
    min-height: 7.1875rem
}

.tooltip.popover span {
    display: block;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
}

.tooltip.popover .trigger, .tooltip.popover .wrapper {
    width: 100%
}

.tooltip.popover .popover-inner {
    width: 100%;
    height: 100%;
    color: #dcdcdc;
    display: block;
    padding: .9375rem;
    border-radius: .3125rem;
    box-shadow: 0 .3125rem 1.875rem #0000001a;
    max-width: 100%;
    border: .0625rem solid #534133;
    background: rgba(20, 20, 20, .905) !important
}

.tooltip.popover .pop-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: #c9aa71;
    text-align: left
}

.tooltip.popover .pop-level {
    color: #dcdcdc;
    text-align: left;
    font-weight: 700
}

.tooltip.popover .pop-icon {
    width: 1rem !important;
    height: 1rem !important;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    object-fit: fill;
    left: 0 !important;
    top: 2px !important;
    position: relative
}

.tooltip.popover .pop-require-spell span {
    line-height: 16px;
    color: #dc3545 !important;
    font-weight: 700
}

.tooltip.popover .pop-teach-spell span {
    line-height: 16px;
    color: #28a745 !important;
    font-weight: 700
}

.tooltip.popover .pop-inline-spell img {
    top: 0 !important
}

.tooltip.popover .pop-inline-spell span.name {
    color: #dcdcdc !important;
    line-height: 20px
}

.tooltip.popover .pop-inline-spell span.desc {
    line-height: 16px
}

.tooltip.popover .pop-unlock-spell span {
    line-height: 16px;
    color: #ff4500 !important;
    font-weight: 700
}

.tooltip.popover .pop-usable-spell span {
    line-height: 16px;
    color: #dcdcdc !important;
    font-weight: 700
}

.tooltip.popover .pop-wflocation span {
    line-height: 16px;
    color: #789 !important;
    font-weight: 700
}

.tooltip.popover .pop-extend-desc span {
    line-height: 16px;
    color: #00bcd9 !important;
    font-weight: 700
}

.tooltip.popover .pop-desc {
    text-align: left;
    color: #ffe4c7;
    white-space: normal !important;
    line-height: 16px;
    font-weight: 700
}

.tooltip.popover .pop-cost {
    text-align: left;
    margin-top: .3125rem
}

.tooltip.popover .item-number {
    font-weight: 700;
    color: #bf5329;
    display: inline
}

.tooltip.popover .pop-num {
    font-weight: 700;
    color: #bf5329 !important
}

.tooltip.popover .pop-num-white {
    font-weight: 700;
    color: #dcdcdc
}

.tooltip.popover .pop-sub {
    font-weight: 700;
    color: #6d6d6d
}

.tooltip.popover .popover-arrow {
    border-color: #1d1d1d
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    z-index: 999
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
    z-index: 999
}

@media only screen and (max-width: 60.5rem) {
    .re-container .re-slots .slot {
        width: 18.75rem !important;
        display: block !important;
        margin-top: .5rem !important
    }
}

.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem rgba(255, 128, 0, .5333333333) !important
}

.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem rgba(163, 53, 238, .5333333333) !important
}

.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem rgba(0, 112, 221, .5333333333) !important
}

.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem rgba(30, 255, 0, .5333333333) !important
}

.v-popover * {
    white-space: normal !important
}

@media only screen and (min-width: 98.125rem) {
    #content-wrapper-builder #builder #builder-flex-1080 {
        display: flex !important;
        width: 90vw !important;
        max-width: 90vw !important;
        flex: 0 0 90vw !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        justify-content: start
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: 48.75rem !important;
        width: 75rem !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        width: 16.5625rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder #builder .architect-flex-1080 {
        display: flex !important;
        justify-content: center;
        width: 90vw !important;
        max-width: 90vw !important;
        flex: 0 0 90vw !important
    }

    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow {
        justify-content: start
    }

    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder .architect-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow {
        display: flex;
        max-height: 48.75rem !important;
        height: auto;
        width: 100% !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow .talent-item {
        width: 16.5625rem !important
    }

    #content-wrapper-builder #builder .architect-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder .architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important;
        -webkit-user-select: none;
        user-select: none
    }
}

@media only screen and (max-width: 33.75rem) {
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) !important;
        grid-template-rows:auto;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: auto !important;
        width: 100% !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder #architect-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) !important;
        grid-template-rows:auto;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow {
        display: flex;
        height: auto !important;
        width: 100% !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }

    #content-wrapper-builder #builder #architect-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder #architect-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important
    }
}

#content-wrapper-builder {
    padding-top: 4.375rem;
    scroll-behavior: smooth !important
}

#content-wrapper-builder #builder .save-container .save-header .btn.btn-save {
    color: #c9aa71 !important;
    background-color: #1d1d1d;
    font-weight: 700;
    border-radius: .28571429rem;
    height: 2.3125rem !important;
    display: block;
    border: .0625rem solid #c9aa71 !important
}

#content-wrapper-builder #builder .save-container .save-header .span-save {
    display: inline-block;
    font-size: .75rem;
    color: #959595
}

#content-wrapper-builder #builder .save-container .card {
    text-align: left;
    background-color: #1e1e1e !important;
    border: .0625rem solid #2e2e2e !important;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -o-transition: .2s ease-in-out all;
    transition: .2s ease-in-out all
}

#content-wrapper-builder #builder .save-container .card:hover {
    border: .0625rem solid rgb(77, 77, 77) !important
}

#content-wrapper-builder #builder .save-container .card .card-header {
    background-color: #262626;
    padding: 1rem;
    cursor: pointer
}

#content-wrapper-builder #builder .save-container .card .card-header .saved-build-title {
    color: #c9aa71
}

#content-wrapper-builder #builder .save-container .card .card-header .saved-build-modified {
    color: #bbb;
    font-size: .875rem
}

#content-wrapper-builder #builder .save-container .card .card-header .saved-build-tag {
    padding: .3125rem;
    border-radius: .3125rem;
    font-size: .875rem;
    position: relative;
    top: -.1875rem;
    line-height: 1rem;
    max-height: 1.625rem
}

#content-wrapper-builder #builder .save-container .card .card-header .saved-build-tag.loaded {
    background: #10a25d
}

#content-wrapper-builder #builder .save-container .card .card-header .saved-build-tag.error {
    background-color: #dc143c
}

#content-wrapper-builder #builder .save-container .card .card-header .btn-primary {
    background-color: #c9aa71 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #000 !important;
    font-weight: 700;
    min-height: 2.5rem;
    position: relative;
    height: 1.875rem !important;
    font-size: 1rem;
    cursor: pointer;
    padding: .625rem;
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -ms-transition: .2s ease-in-out all;
    -o-transition: .2s ease-in-out all;
    transition: .2s ease-in-out all
}

#content-wrapper-builder #builder .save-container .card .card-header .btn-primary:hover {
    color: #fff !important;
    border: .0625rem solid wheat !important
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow {
    display: flex;
    height: 37.5rem;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: start
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item {
    max-height: 2.5rem
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-header {
    height: 2.5rem;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff !important;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black;
    line-height: 2.5rem;
    font-size: 1.125rem;
    text-align: center;
    box-shadow: 0 .1875rem .375rem #000000b3;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83%, 0) 19%, hsla(0, 0%, 100%, 0) 2%)
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black !important
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder #builder .save-container .card .card-body .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder #builder .save-container .card .card-body .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
    top: 0 !important
}

#content-wrapper-builder #builder .save-container .card .card-body .arch-separator {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem
}

#content-wrapper-builder #builder .save-container .card .card-body .arch-separator:first-of-type {
    margin-top: 0
}

#content-wrapper-builder #builder .save-container .card .card-body .arch-separator img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .3125rem;
    border: .125rem solid #1d1d1d;
    margin-right: 1rem
}

#content-wrapper-builder #builder .save-container .card .card-body .arch-separator h5 {
    font-size: 2rem;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    text-align: left
}

#content-wrapper-builder #builder .save-container .card .card-body .arch-separator h5:first-of-type {
    margin-top: 0rem
}

#content-wrapper-builder #builder .save-container .card .card-body hr {
    border-top: .0625rem solid rgba(255, 255, 255, .32)
}

#content-wrapper-builder #builder .save-container .magic-padding {
    padding-top: .9375rem
}

#content-wrapper-builder #builder .save-container .hide-build {
    display: none
}

@media only screen and (max-width: 60.5rem) {
    #content-wrapper-builder #builder .save-container .card .card-header {
        position: relative
    }

    #content-wrapper-builder #builder .save-container .card .card-header .saved-build-title {
        max-width: 11.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-tags {
        height: 1.875rem;
        position: absolute;
        top: .5rem;
        right: 1rem
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-tags .saved-build-modified {
        color: #bbb;
        font-size: .875rem
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-tags .saved-build-tag {
        padding: .3125rem;
        border-radius: .3125rem;
        font-size: .75rem;
        position: relative;
        line-height: .75rem;
        height: 1.375rem;
        top: 0
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-tags .saved-build-tag.loaded {
        background: #10a25d
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-tags .saved-build-tag.error {
        background-color: #dc143c
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-actions {
        height: 1.875rem;
        position: absolute;
        bottom: .5rem;
        right: 1rem
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-actions .btn-primary-mobile {
        border: .125rem solid #c9aa71 !important;
        color: #c9aa71 !important;
        font-weight: 700;
        padding: .625rem;
        margin-left: .45rem;
        position: relative;
        font-size: 1rem;
        border-radius: 100%;
        width: 1.875rem;
        height: 1.875rem;
        text-align: center;
        line-height: .5rem;
        cursor: pointer
    }

    #content-wrapper-builder #builder .save-container .card .card-header .mobile-info-container .mobile-actions .btn-primary-mobile i {
        position: relative;
        right: .3125rem;
        top: -.0625rem
    }
}

.featured-builds #live-card-preview .realm-card {
    min-width: 18.75rem !important;
    width: 18.75rem !important;
    height: 25rem !important;
    min-height: 25rem !important;
    margin: 0 !important;
    display: block
}

.featured-builds #live-card-preview .realm-card:hover .realm-edit {
    opacity: 1
}

.featured-builds #live-card-preview .realm-card-inner {
    transform-style: preserve-3d;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .0625rem .1875rem #0000004d, 0 .3125rem .3125rem #0009;
    border: .0625rem solid #333;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .character-view {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    margin: 0 !important;
    padding: 0rem .3125rem !important;
    background: #131415;
    border-radius: .1875rem;
    box-shadow: 0 0 .3125rem #000
}

.featured-builds #live-card-preview .realm-card-inner .character-view .mdi {
    height: 1.5625rem;
    width: 1.5625rem;
    border-radius: .3125rem;
    line-height: 1.875rem;
    margin-right: .25rem;
    background-size: 110%;
    color: #c9aa71;
    border: none !important;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black
}

.featured-builds #live-card-preview .realm-card-inner .character-view .mdi.mdi-circle {
    color: #23fb63;
    border: none !important;
    text-shadow: 0 0 .1875rem #0d4364, 0 0 .1875rem #0d4364
}

.featured-builds #live-card-preview .realm-card-inner .character-view .char-name {
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-label {
    padding: 1rem 2rem;
    background-color: orange;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: -.5rem
}

.featured-builds #live-card-preview .realm-card-inner .shop-private-sticker {
    display: block;
    position: absolute;
    top: 1rem;
    right: 0rem;
    padding: .5rem 1rem;
    background-color: #dc143c;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0);
    transform: none !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    border-top: .0625rem solid #fb4646;
    border-left: .0625rem solid #fb4646;
    border-bottom: .0625rem solid #fb4646
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit {
    display: none;
    opacity: 0;
    color: #c9aa71;
    border: .0625rem solid #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    line-height: 0rem;
    font-weight: 100;
    width: 8.125rem !important;
    height: 3.125rem !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .25rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit:hover {
    padding: 0;
    border-color: #000 !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit:hover .btn {
    border: none !important;
    color: #000 !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-edit .btn {
    background-color: #c9aa71;
    color: #000;
    width: 100%;
    height: 100% !important;
    font-size: 1.1rem
}

.featured-builds #live-card-preview .realm-card-inner:hover {
    box-shadow: 0 .875rem 1.75rem #00000040, 0 .625rem .625rem #00000038;
    border: .0625rem solid #c9aa71
}

.featured-builds #live-card-preview .realm-card-inner:hover .realm-info {
    opacity: 0 !important
}

.featured-builds #live-card-preview .realm-card-inner:hover img {
    transform: scale(1.2)
}

.featured-builds #live-card-preview .realm-card-inner:hover .re-img {
    transform: scale(1)
}

.featured-builds #live-card-preview .realm-card-inner:hover .card-info {
    z-index: 5;
    opacity: 1
}

.featured-builds #live-card-preview .realm-card-inner .card-info {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00000079;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .btn-primary {
    position: absolute;
    width: 12.5rem;
    left: 3.125rem;
    bottom: 1.5625rem;
    border-radius: 0rem;
    background-color: #c9aa71;
    color: #000;
    font-weight: 700;
    border: none !important;
    box-shadow: 0 0 .9375rem #00000082, 0 0 .9375rem #00000082;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 6
}

.featured-builds #live-card-preview .realm-card-inner .btn-primary:hover {
    background-color: #c08749;
    color: #fff !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgb(0, 0, 0)
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h4, .featured-builds #live-card-preview .realm-card-inner .realm-info h5, .featured-builds #live-card-preview .realm-card-inner .card-info .card-content h4, .featured-builds #live-card-preview .realm-card-inner .card-info .card-content h5 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .realm-info {
    margin: auto;
    text-align: center;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .mdi {
    z-index: 1;
    font-size: 1.625rem;
    color: #fff;
    transition: all .35s ease;
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    border-radius: 100%;
    position: absolute;
    left: .75rem;
    top: .5rem;
    margin: 0 !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .author {
    text-shadow: 0 0 .3125rem #000, 0 0 .3125rem #000;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 0;
    margin-right: .5rem;
    position: absolute;
    right: .75rem;
    top: .5rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container {
    z-index: 1;
    margin: 0;
    padding: 0
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin-bottom: .25rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .re-img {
    -webkit-user-select: none;
    user-select: none;
    object-fit: revert;
    width: 1.5625rem;
    height: 1.5625rem;
    max-width: 1.5625rem;
    max-height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    position: relative;
    filter: blur(0)
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text {
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.5625rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.overview {
    line-height: 1.875rem;
    color: #e5cc80 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info .spell-img-container .item-text.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem black, 0rem 0rem .3125rem black !important
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h4 {
    color: #fff !important;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 0 !important;
    display: inline-block;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-shadow: 0 0 .9375rem #000, 0 0 .9375rem #000;
    position: relative;
    bottom: -.3125rem
}

.featured-builds #live-card-preview .realm-card-inner .realm-info h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 1.35rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem;
    opacity: 1;
    position: relative;
    bottom: -.3125rem
}

.featured-builds #live-card-preview .realm-card-inner .card-content {
    margin: auto;
    text-align: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.featured-builds #live-card-preview .realm-card-inner .card-content h5 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0);
    height: 0rem;
    margin-top: .5rem;
    font-size: .875rem;
    padding: 0 1rem
}

.featured-builds #live-card-preview .realm-card-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    left: 0;
    object-position: top center;
    transform: scale(1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    filter: blur(.125rem)
}

.featured-builds #creator .ucp-card {
    min-height: 38.125rem !important;
    max-width: 26.875rem !important
}

.featured-builds #creator textarea:focus {
    background: transparent !important;
    color: #dcdcdc
}

.featured-builds #creator .enchant-label {
    text-transform: capitalize
}

.featured-builds #creator .custom-control-label {
    line-height: 1.375rem;
    cursor: pointer
}

.featured-builds #creator .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0;
    min-height: 38.125rem !important;
    max-width: 26.875rem !important
}

.featured-builds #creator .card .card-header {
    padding: 1.875rem 3.4375rem 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.featured-builds #creator .card .card-header h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    color: #c9aa71;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    font-weight: 700
}

.featured-builds #creator .card .card-body .btn.disabled, .featured-builds #creator .card .card-body .btn:disabled {
    opacity: .65
}

.featured-builds #creator .card .card-body .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem
}

.featured-create-btn {
    background-color: #1d1d1d;
    box-shadow: 0 .1875rem .375rem #000000a9;
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: .0625rem solid transparent !important;
    outline: none !important;
    height: 2.3125rem;
    line-height: 2.3125rem;
    margin-top: .3125rem;
    padding: 0 .5rem;
    border-radius: .3125rem;
    transition: all cubic-bezier(.25, .46, .45, .94) ease-in-out
}

.featured-create-btn:hover {
    border: .0625rem solid #c9aa71 !important
}

#content-wrapper-builder-embed {
    scroll-behavior: smooth !important
}

#content-wrapper-builder-embed #builder {
    position: relative;
    background: url(https://api.ascension.gg/assets/ac7edc45.webp);
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    overflow-y: hidden !important;
    padding: 3.4375rem 0rem 0rem
}

@media not all and (min-resolution: .001dpcm) {
    #content-wrapper-builder-embed #builder {
        background-image: none !important;
        background-attachment: local !important
    }
}

#content-wrapper-builder-embed #builder .container {
    max-width: 73.5rem;
    width: 100%;
    padding: 0 1.6rem;
    margin-bottom: 0 !important
}

#content-wrapper-builder-embed #builder .build-header h1 {
    color: #fff !important;
    font-size: 2.4rem !important;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder-embed #builder .build-header h2 {
    color: #c7c7c7;
    font-size: 2.4rem !important;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    display: none !important
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item {
    padding: .5rem .9rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: .0625rem solid #534133;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item:hover {
    background: rgba(0, 0, 0, .25);
    border: .0625rem solid gray;
    color: #dcdcdc
}

#content-wrapper-builder-embed #builder .build-header .actions-container .action-item.selected, #content-wrapper-builder-embed #builder .build-header .actions-container .action-item.router-link-exact-active {
    border: .0625rem solid #c9aa71 !important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-options {
    margin-bottom: 10rem
}

#content-wrapper-builder-embed #builder .builder-button {
    height: 2.5rem;
    width: 9rem;
    position: relative;
    cursor: pointer;
    border: .0625rem solid #534133;
    background-color: #000000af;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder-embed #builder .builder-button span {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 3.125rem;
    color: #c8c8c8
}

#content-wrapper-builder-embed #builder .builder-button.selected {
    border: .0625rem solid #c9aa71 !important;
    background-color: #201706;
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-button:hover {
    color: #dcdcdc;
    border: .0625rem solid gainsboro
}

#content-wrapper-builder-embed #builder .builder-class-wrapper {
    max-width: 81.25rem;
    border-bottom: .0625rem solid rgba(140, 140, 140, .4941176471)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: .5rem;
    border-bottom: .1875rem solid rgba(255, 255, 255, 0)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container span {
    color: #ffb500;
    text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
    margin-bottom: .8rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
    font-size: .875rem;
    font-weight: 700
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
    margin-right: .0625rem
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
    padding: .2rem .4rem;
    box-shadow: 0 0 .3125rem #000000b3;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #000000af;
    color: #c9aa71;
    border: .0625rem solid #c9aa71;
    position: absolute;
    bottom: -.5rem;
    display: block;
    z-index: 9;
    width: 110%;
    left: 0
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class {
    height: 3.125rem;
    width: 3.125rem;
    box-shadow: 0 0 .3125rem #000000b3;
    border-radius: 100%;
    position: relative;
    border: .125rem solid #534133;
    margin: 0 auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover span {
    color: #dcdcdc
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
    border-color: #dcdcdc
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active {
    border-bottom: .1875rem solid #c9aa71;
    filter: drop-shadow(0rem 0rem .3125rem #C9AA71)
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active .builder-class {
    border: .125rem solid #C9AA71
}

#content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-container {
    padding-bottom: .5rem;
    border: none !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper {
    position: relative;
    margin-top: 1rem !important;
    margin-bottom: .5rem !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec {
    min-width: 31%;
    max-height: 100%;
    box-shadow: 0 .1875rem .375rem #000000b3;
    border: .0625rem solid;
    border-color: #534133;
    background-color: #000000b4;
    padding: .8rem;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .35s ease !important;
    -moz-transition: all .35s ease !important;
    -ms-transition: all .35s ease !important;
    -o-transition: all .35s ease !important;
    transition: all .35s ease !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .mb-4 {
    margin-bottom: 1rem !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected {
    border: .0625rem solid #C9AA71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec img {
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 100%
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec span {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    margin-left: .8rem;
    line-height: 1.875rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
    color: #ffe4c7;
    font-size: .8rem;
    text-align: left;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
    margin-left: auto;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
    height: .9375rem;
    width: .9375rem;
    min-width: .9375rem;
    min-height: .9375rem;
    border: none !important;
    border-radius: 0 !important;
    position: relative;
    top: -.0625rem
}

#content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
    line-height: 1.75rem;
    height: 1.875rem;
    padding: 0 .625rem;
    font-size: 1rem;
    box-shadow: 0 0 .3125rem #000000b3;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #000000af;
    color: silver;
    border: .0625rem solid #534133;
    display: block;
    z-index: 9
}

#content-wrapper-builder-embed #builder .spell-container {
    justify-content: center
}

#content-wrapper-builder-embed #builder .spell-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block !important;
    outline: none !important;
    box-shadow: none !important
}

#content-wrapper-builder-embed #builder .spell-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .spell-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder-embed #builder .re-container {
    justify-content: center
}

#content-wrapper-builder-embed #builder .re-container .talents-search {
    display: block;
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: block !important;
    outline: none !important;
    box-shadow: none !important
}

#content-wrapper-builder-embed #builder .re-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .re-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder-embed #builder .re-container .pagination {
    margin-bottom: 0
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-next .page-link, #content-wrapper-builder-embed #builder .re-container .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.active {
    outline: none !important
}

#content-wrapper-builder-embed #builder .re-container .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#content-wrapper-builder-embed #builder .re-container .re-navigation span {
    font-weight: 700 !important;
    font-size: 1.2rem !important;
    color: #fff;
    text-shadow: 0rem 0rem .3125rem rgba(0, 0, 0, .7)
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    overflow: hidden;
    height: auto !important;
    border-radius: 3.125rem .9375rem .9375rem 3.125rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-left: none !important;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: default
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block !important;
    width: 100%
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.open {
    height: auto !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container {
    filter: drop-shadow(0rem 0rem .5rem #c9aa71);
    box-shadow: 0 0 4.375rem;
    border: .1563rem solid #c9aa71 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .spell-img-container:after {
    box-shadow: inset 0 0 .5rem #c9aa71 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: .625rem;
    width: .625rem;
    left: .25rem;
    top: .25rem;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 0 1rem 0 0
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 3.125rem;
    width: 3.125rem;
    min-width: 3.125rem;
    min-height: 3.125rem;
    max-width: 3.125rem;
    max-height: 3.125rem;
    position: relative;
    border-radius: 100%;
    border: .1563rem solid #534133;
    box-shadow: 0 0 4.375rem #ac6e3e
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 3.75rem;
    height: 3.75rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container:after {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 .5rem #533b28;
    border-radius: 1.25rem;
    top: 0;
    left: 0;
    content: ""
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 3.125rem;
    position: relative;
    display: block;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: .0625rem solid #808080;
    background-color: #000000b3;
    display: block;
    position: relative;
    right: 0rem;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    cursor: pointer;
    font-size: 1.375rem;
    margin-top: .9375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .1875rem
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder-embed #builder .re-container .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder-embed #builder .re-container .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder-embed #builder .talents-container {
    height: 100%
}

#content-wrapper-builder-embed #builder .talents-container .talents-search {
    border-color: #534133;
    background-color: #000000b4 !important;
    padding: 1.35rem 1rem;
    margin-bottom: .5rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: none !important;
    outline: none !important;
    box-shadow: none !important
}

#content-wrapper-builder-embed #builder .talents-container .talents-search:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .talents-container .talents-search:focus {
    border-color: #c9aa71;
    background-color: #201706 !important
}

#content-wrapper-builder-embed #builder .talents-container .talents-content {
    min-width: 18.75rem;
    justify-content: center;
    border: .0625rem solid #595555;
    border-color: #534133;
    background-color: #000000b4;
    padding-top: 2.25rem !important;
    padding-bottom: 0rem !important;
    display: block;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    overflow: hidden;
    height: auto !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
    cursor: help !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
    display: block !important;
    width: 100%
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.open {
    height: auto !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-count {
    display: inline-block;
    border: .1563rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    border-radius: .3125rem;
    padding: .1875rem .4375rem;
    color: #fff !important;
    height: 1.625rem;
    position: relative;
    top: .6875rem;
    right: .9375rem;
    font-size: .875rem;
    line-height: .9375rem;
    font-weight: 700;
    letter-spacing: .125rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
    filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
    position: absolute;
    height: .625rem;
    width: .625rem;
    left: .25rem;
    top: .25rem;
    content: "";
    background-color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-count, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-count {
    display: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
    border: .0625rem solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    max-width: 1.875rem;
    max-height: 1.875rem;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.875rem;
    position: relative;
    display: block;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
    border: .0625rem solid #808080;
    background-color: #000000b3;
    display: block;
    position: relative;
    right: 0rem;
    height: 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    cursor: pointer;
    font-size: 1.375rem;
    margin-top: .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    text-align: left;
    padding: 0 1.5rem;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
    color: #ffe4c7
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
    font-weight: 700;
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns:3.125rem 3.125rem 3.125rem 3.125rem;
    grid-template-rows:auto;
    grid-gap: 1.625rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item {
    border: .0625rem solid #534133;
    border-width: .0625rem;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    filter: saturate(5%);
    width: 3.125rem;
    height: 3.125rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence * {
    cursor: help !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:after {
    content: attr(data-rank) "/" attr(data-maxranks);
    position: absolute;
    bottom: -.625rem;
    right: -.625rem;
    display: block;
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    padding: 0rem .125rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-1, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1 {
    grid-column: 1 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-2, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2 {
    grid-column: 2 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-3, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3 {
    grid-column: 3 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-4, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4 {
    grid-column: 4 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    min-height: 3.125rem;
    min-width: 3.125rem;
    max-height: 3.125rem;
    max-width: 3.125rem;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 3.75rem;
    height: 3.75rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: .3125rem;
    border: .0625rem solid #808080;
    background-color: #000000b3;
    height: 1.875rem;
    margin-left: 1rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
    color: gray;
    font-size: 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706;
    box-shadow: 0 0 .375rem #c9aa71;
    filter: saturate(100%)
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after {
    color: #c9aa71;
    border-color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active {
    color: #209717;
    border-color: #209717;
    background-color: #0f2006;
    box-shadow: 0 0 .375rem #209717;
    border: .0625rem solid #209717;
    filter: saturate(100%)
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
    color: #209717
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points {
    color: #209717 !important;
    border-color: #209717 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
    color: #209717
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-template-rows:auto;
    grid-gap: .625rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container.grid-spell {
    padding-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item {
    border: .0625rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence {
    filter: opacity(.25) saturate(0);
    cursor: help !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence * {
    cursor: help !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner {
    padding: 1rem 1.5rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
    border: .0625rem solid #534133;
    margin-right: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem;
    min-height: 1.875rem;
    position: relative
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    object-fit: revert;
    width: 2.5rem;
    height: 2.5rem;
    left: -.3125rem;
    top: -.3125rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
    color: #c8c8c8;
    font-size: 1, 1rem;
    font-weight: 600;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.875rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap !important;
    padding-right: 11px !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points {
    padding: .25rem;
    border-radius: .3125rem;
    border: .0625rem solid #808080;
    background-color: #000000b3;
    height: 1.875rem;
    margin-left: 1rem;
    min-width: 4.375rem;
    display: inline-block
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item:hover {
    border-color: gray
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #201706
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
    color: #c9aa71
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points {
    color: #c9aa71;
    border-color: #c9aa71 !important
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
    color: #c9aa71
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder-embed #builder {
        padding-top: 10rem
    }

    #content-wrapper-builder-embed #builder .show-xxl {
        display: block !important
    }

    #content-wrapper-builder-embed #builder .container {
        max-width: 91.875rem;
        width: 100%;
        padding: 0 2rem 4rem;
        margin-bottom: 0 !important
    }

    #content-wrapper-builder-embed #builder .build-header h1 {
        color: #fff !important;
        font-size: 3rem !important;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
    }

    #content-wrapper-builder-embed #builder .build-header h2 {
        color: #c7c7c7;
        font-size: 2rem !important;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7)
    }

    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item {
        padding: .5rem .9rem;
        display: block;
        background: rgba(0, 0, 0, .35);
        border: .0625rem solid #534133;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item:hover {
        background: rgba(0, 0, 0, .25);
        border: .0625rem solid gray;
        color: #dcdcdc
    }

    #content-wrapper-builder-embed #builder .build-header .actions-container .action-item.selected, #content-wrapper-builder-embed #builder .build-header .actions-container .action-item.router-link-exact-active {
        border: .0625rem solid #c9aa71 !important;
        background-color: #201706;
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-options {
        margin-bottom: 10rem
    }

    #content-wrapper-builder-embed #builder .builder-button {
        height: 3.125rem;
        width: 11.25rem;
        position: relative;
        cursor: pointer;
        border: .0625rem solid #534133;
        background-color: #000000af;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    #content-wrapper-builder-embed #builder .builder-button span {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 3.125rem;
        color: #c8c8c8
    }

    #content-wrapper-builder-embed #builder .builder-button.selected {
        border: .0625rem solid #c9aa71 !important;
        background-color: #201706;
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-button:hover {
        color: #dcdcdc;
        border: .0625rem solid gainsboro
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper {
        max-width: 81.25rem;
        margin-bottom: 3rem;
        border-bottom: .0625rem solid rgba(140, 140, 140, .4941176471)
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        padding-bottom: 2rem;
        border-bottom: .1875rem solid rgba(255, 255, 255, 0)
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container span {
        color: #ffb500;
        text-shadow: 0rem .1875rem .375rem rgba(0, 0, 0, .7);
        margin-bottom: 1rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        font-size: .875rem;
        font-weight: 700
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points img {
        margin-right: .0625rem
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-points {
        padding: .25rem .5rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: #c9aa71;
        border: .0625rem solid #c9aa71;
        position: absolute;
        bottom: 1rem;
        display: block;
        z-index: 9;
        width: 6.25rem;
        left: 0rem
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class {
        height: 3.125rem;
        width: 3.125rem;
        box-shadow: 0 0 .3125rem #000000b3;
        border-radius: 100%;
        position: relative;
        border: .125rem solid #534133;
        margin: 0 auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover span {
        color: #dcdcdc
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container:hover .builder-class {
        border-color: #dcdcdc
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active {
        border-bottom: .1875rem solid #c9aa71;
        filter: drop-shadow(0rem 0rem .3125rem #C9AA71)
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container.active .builder-class {
        border: .125rem solid #C9AA71
    }

    #content-wrapper-builder-embed #builder .builder-class-wrapper .builder-class-container .builder-class-container {
        padding-bottom: .5rem;
        border: none !important
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper {
        position: relative;
        margin-bottom: 5rem
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec {
        min-width: 31%;
        min-height: 10.625rem;
        box-shadow: 0 .1875rem .375rem #000000b3;
        border: .0625rem solid;
        border-color: #534133;
        background-color: #000000b4;
        padding: 1rem;
        display: block;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        -webkit-transition: all .35s ease !important;
        -moz-transition: all .35s ease !important;
        -ms-transition: all .35s ease !important;
        -o-transition: all .35s ease !important;
        transition: all .35s ease !important
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec:hover {
        border-color: gray
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected {
        border: .0625rem solid #C9AA71;
        background-color: #201706
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec.selected .builder-spec-points {
        color: #c9aa71 !important;
        border: .0625rem solid #c9aa71 !important
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec img {
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 100%
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec span {
        color: #fff;
        font-weight: 700;
        font-size: 1.25rem;
        margin-left: 1rem;
        line-height: 1.875rem;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec p {
        color: #ffe4c7;
        font-size: 1rem;
        text-align: left;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container {
        margin-left: auto;
        display: flex
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points img {
        height: .9375rem;
        width: .9375rem;
        min-width: .9375rem;
        min-height: .9375rem;
        border: none !important;
        border-radius: 0 !important;
        position: relative;
        top: -.0625rem
    }

    #content-wrapper-builder-embed #builder .builder-spec-wrapper .builder-spec .builder-spec-points-container .builder-spec-points {
        line-height: 1.75rem;
        height: 1.875rem;
        padding: 0 .625rem;
        font-size: 1rem;
        box-shadow: 0 0 .3125rem #000000b3;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        background-color: #000000af;
        color: silver;
        border: .0625rem solid #534133;
        display: block;
        z-index: 9
    }

    #content-wrapper-builder-embed #builder .spell-container, #content-wrapper-builder-embed #builder .re-container {
        justify-content: center
    }

    #content-wrapper-builder-embed #builder .talents-container {
        height: 100%
    }

    #content-wrapper-builder-embed #builder .talents-container .talents-search {
        border-color: #534133;
        background-color: #000000b4 !important;
        padding: 1.35rem 1rem;
        margin-bottom: .5rem;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        outline: none !important;
        box-shadow: none !important
    }

    #content-wrapper-builder-embed #builder .talents-container .talents-search:hover {
        border-color: gray
    }

    #content-wrapper-builder-embed #builder .talents-container .talents-search:focus {
        border-color: #c9aa71;
        background-color: #201706 !important
    }

    #content-wrapper-builder-embed #builder .talents-container .talents-content {
        min-width: 18.75rem;
        justify-content: center;
        border: .0625rem solid #595555;
        border-top-color: #595555;
        border-right-color: #595555;
        border-bottom-color: #595555;
        border-left-color: #595555;
        border-color: #534133;
        background-color: #000000b4;
        display: block;
        top: 1.5rem;
        height: 100%;
        min-height: 100%;
        max-height: 62.5rem;
        overflow-y: auto
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }
}

@media only screen and (min-width: 131.3125rem) and (min-width: 62.5625rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 62.5rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container {
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        grid-column: auto;
        overflow: hidden;
        height: auto !important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help !important;
        -webkit-user-select: none !important;
        user-select: none !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.no_essence * {
        cursor: help !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-1, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-1 {
        grid-column: 1 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-2, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-2 {
        grid-column: 2 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-3, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-3 {
        grid-column: 3 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.grid-4, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.grid-4 {
        grid-column: 4 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .v-popover .trigger, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .v-popover .trigger {
        display: block !important;
        width: 100%
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container:hover {
        border-color: gray
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.open, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.open {
        height: auto !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points {
        filter: drop-shadow(0rem 0rem .0625rem #c9aa71)
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container.selected .item-points:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container.selected .item-points:after {
        position: absolute;
        height: .625rem;
        width: .625rem;
        left: .25rem;
        top: .25rem;
        content: "";
        background-color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner {
        padding: 1rem 1.5rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container {
        border: .0625rem solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
        width: 100%;
        min-width: 1.875rem;
        min-height: 1.875rem;
        max-width: 1.875rem;
        max-height: 1.875rem;
        position: relative
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info .spell-img-container i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 100%;
        height: 100%;
        min-width: 2.5rem;
        min-height: 2.5rem;
        max-width: 2.5rem;
        max-height: 2.5rem;
        left: -.3125rem;
        top: -.3125rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.875rem;
        position: relative;
        display: block;
        width: calc(100% - 1.875rem);
        max-width: calc(100% - 1.875rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        padding-right: 11px !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item .item-inner .item-points {
        border: .0625rem solid #808080;
        background-color: #000000b3;
        display: block;
        position: relative;
        right: 0rem;
        height: 1.25rem;
        width: 1.25rem;
        min-width: 1.25rem;
        min-height: 1.25rem;
        cursor: pointer;
        font-size: 1.375rem;
        margin-top: .3125rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description {
        height: 100%;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        text-align: left;
        padding: 0 1.5rem;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-title, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-title {
        font-weight: 700;
        font-size: 1rem;
        color: #fff
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description p, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description p {
        color: #ffe4c7
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-level, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-level {
        color: #fff
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .spell-grid-container .item-container .item-description .item-number, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .spell-grid-container .item-container .item-description .item-number {
        font-weight: 700;
        color: #bf5329
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns:3.6875rem 3.6875rem 3.6875rem 3.6875rem;
        grid-template-rows:auto;
        grid-gap: 1.875rem
    }
}

@media only screen and (min-width: 131.3125rem) and (max-width: 62.5rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container {
        display: grid;
        grid-template-columns:2.5rem 2.5rem 2.5rem 2.5rem;
        grid-template-rows:auto;
        grid-gap: 1.875rem
    }
}

@media only screen and (min-width: 131.3125rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item {
        border: .0625rem solid #534133;
        border-width: .0625rem;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        filter: saturate(5%);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help !important;
        -webkit-user-select: none !important;
        user-select: none !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.no_essence * {
        cursor: help !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .v-popover .trigger, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .v-popover .trigger {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:after {
        content: attr(data-rank) "/" attr(data-maxranks);
        position: absolute;
        bottom: -.625rem;
        right: -.625rem;
        display: block;
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        padding: 0rem .125rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-1, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-1 {
        grid-column: 1 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-2, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-2 {
        grid-column: 2 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-3, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-3 {
        grid-column: 3 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.grid-4, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.grid-4 {
        grid-column: 4 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 3.4375rem;
        width: 3.625rem;
        min-height: 3.4375rem;
        min-width: 3.4375rem;
        position: relative
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 4.0625rem;
        height: 4.0625rem;
        left: -.3125rem;
        top: -.3125rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: .3125rem;
        border: .0625rem solid #808080;
        background-color: #000000b3;
        height: 1.875rem;
        margin-left: 1rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item .item-inner .item-points .item-point-amount {
        color: gray;
        font-size: 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item:hover {
        border-color: gray
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706;
        box-shadow: 0 0 .375rem #c9aa71;
        filter: saturate(100%)
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected:after {
        color: #c9aa71;
        border-color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active {
        color: #209717;
        border-color: #209717;
        background-color: #0f2006;
        box-shadow: 0 0 .375rem #209717;
        border: .0625rem solid #209717;
        filter: saturate(100%)
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-info .span.item-text {
        color: #209717
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points {
        color: #209717 !important;
        border-color: #209717 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .talent-grid-container .item.active .item-inner .item-points .item-point-amount {
        color: #209717
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: grid;
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows:auto;
        grid-gap: .625rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container.grid-spell, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container.grid-spell {
        padding-bottom: 5rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item {
        border: .0625rem solid #534133;
        background-color: #000000b4;
        box-shadow: 0 .1875rem .375rem #000000b3;
        grid-column: auto;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence {
        filter: opacity(.25) saturate(0);
        cursor: help !important;
        -webkit-user-select: none !important;
        user-select: none !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.no_essence *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.no_essence * {
        cursor: help !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner {
        padding: 1rem 1.5rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container {
        border: .0625rem solid #534133;
        margin-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 1.875rem;
        width: 1.875rem;
        min-width: 1.875rem;
        min-height: 1.875rem;
        position: relative
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container img, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info .spell-img-container i {
        -webkit-user-select: none;
        user-select: none;
        position: relative;
        object-fit: revert;
        width: 2.5rem;
        height: 2.5rem;
        left: -.3125rem;
        top: -.3125rem
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-info span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-info span.item-text {
        color: #c8c8c8;
        font-size: 1, 1rem;
        font-weight: 600;
        -webkit-user-select: none;
        user-select: none;
        line-height: 1.875rem;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        white-space: nowrap !important;
        padding-right: 11px !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item .item-inner .item-points {
        padding: .25rem;
        border-radius: .3125rem;
        border: .0625rem solid #808080;
        background-color: #000000b3;
        height: 1.875rem;
        margin-left: 1rem;
        min-width: 4.375rem;
        display: inline-block
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item:hover, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item:hover {
        border-color: gray
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected {
        color: #c9aa71;
        border-color: #c9aa71;
        background-color: #201706
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-info .span.item-text {
        color: #c9aa71
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points {
        color: #c9aa71;
        border-color: #c9aa71 !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount, #content-wrapper-builder-embed #builder .builder-enchant-wrapper .search-grid-container .item.selected .item-inner .item-points .item-point-amount {
        color: #c9aa71
    }
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper {
    position: relative;
    margin-bottom: 5rem
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header {
    padding: .75rem 1rem;
    display: block;
    background: rgba(0, 0, 0, .35);
    border: .0625rem solid #7b7b7b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    height: 5.5rem;
    max-height: 5.5rem
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header .overview-header-content {
    display: flex;
    justify-content: space-between
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-header .overview-header-content .overview-name {
    color: #ffc516
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow {
    display: flex;
    height: 50rem;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item {
    max-height: 2.5rem
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-header {
    height: 2.5rem;
    width: 100%;
    background-color: #1d1d1d;
    color: #fff !important;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black;
    line-height: 2.5rem;
    font-size: 1.125rem;
    text-align: center;
    box-shadow: 0 .1875rem .375rem #000000b3;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 2%, hsla(0, 0%, 83%, 0) 19%, rgba(0, 0, 0, .41));
    background: linear-gradient(90deg, rgba(0, 0, 0, .41), hsla(0, 0%, 83%, 0) 19%, hsla(0, 0%, 100%, 0) 2%)
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black !important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item .talent-content.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-header {
    background-color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-druid .talent-content {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-header {
    background-color: #abd473
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-hunter .talent-content {
    color: #abd473
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-header {
    background-color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-mage .talent-content {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-header {
    background-color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-paladin .talent-content {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-header {
    background-color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-priest .talent-content {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-header {
    background-color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-rogue .talent-content {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-header {
    background-color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-shaman .talent-content {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-header {
    background-color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warlock .talent-content {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-header {
    background-color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-item.class-warrior .talent-content {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content {
    color: gray;
    text-shadow: .0625rem .0625rem .125rem black, 0 0 1em black, 0 0 .5em black
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content .talent-name {
    width: 11.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-druid {
    color: #bf5329
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-hunter {
    color: #abd473 !important
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-mage {
    color: #69ccf0
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-paladin {
    color: #f58cba
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-priest {
    color: #fff
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-rogue {
    color: #fff569
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-shaman {
    color: #0070de
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-warlock {
    color: #9482c9
}

#content-wrapper-builder-embed #builder .builder-overview-wrapper .overview-flow .talent-content.class-warrior {
    color: #c79c6e
}

#content-wrapper-builder-embed #builder #build-create-modal .modal-input, #content-wrapper-builder-embed #builder #talent-import-modal .modal-input, #content-wrapper-builder-embed #builder #talent-export-modal .modal-input, #content-wrapper-builder-embed #builder #settings-modal .modal-input {
    width: 100%;
    height: 1.875rem;
    padding: .625rem
}

#content-wrapper-builder-embed #builder .builder-talent-wrapper *, #content-wrapper-builder-embed #builder .builder-enchant-wrapper * {
    font-family: Segoe UI, Helvetica, Geneva, Verdana, sans-serif
}

@media only screen and (min-width: 62.5625rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper:after {
        content: "";
        position: absolute;
        left: -1.25rem;
        line-height: 2rem;
        font-size: 1.25rem;
        text-shadow: 0rem .1875rem .1875rem rgb(0, 0, 0);
        display: none
    }
}

@media only screen and (max-width: 62.5rem) {
    #content-wrapper-builder-embed #builder .builder-talent-wrapper, #content-wrapper-builder-embed #builder .builder-enchant-wrapper {
        margin-top: 1.25rem !important
    }

    #content-wrapper-builder-embed #builder .builder-talent-wrapper:after, #content-wrapper-builder-embed #builder .builder-enchant-wrapper:after {
        content: "";
        position: absolute;
        top: -3.75rem;
        left: 1rem;
        line-height: 2rem;
        font-size: 1.25rem;
        margin-right: 3rem;
        text-shadow: 0rem .1875rem .1875rem rgb(0, 0, 0)
    }
}

.re-container hr {
    border-color: #534133 !important;
    margin-top: 0
}

.re-container .re-slots .slot {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: .3125rem .625rem;
    border: .1563rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    grid-column: auto;
    overflow: hidden;
    height: auto !important;
    border-radius: .3125rem;
    font-size: .9rem;
    font-weight: 700
}

.re-container .re-slots .slot.overview {
    line-height: 1.875rem;
    color: #e5cc80 !important;
    text-shadow: 0rem 0rem .3125rem rgba(229, 204, 128, .5333333333) !important
}

.re-container .re-slots .slot.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem rgba(255, 128, 0, .5333333333) !important
}

.re-container .re-slots .slot.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem rgba(163, 53, 238, .5333333333) !important
}

.re-container .re-slots .slot.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem rgba(0, 112, 221, .5333333333) !important
}

.re-container .re-slots .slot.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem rgba(30, 255, 0, .5333333333) !important
}

.re-container .re-slots .slot.selected {
    border: .1563rem solid #c9aa71 !important;
    background-color: #201706
}

.re-container .re-slots .slot .points {
    display: inline-block;
    border: .1563rem solid #534133;
    background-color: #000000b4;
    box-shadow: 0 .1875rem .375rem #000000b3;
    border-radius: .3125rem;
    padding: .1875rem .625rem;
    color: #fff !important
}

.quality-text, .item-text {
    text-align: left;
    font-weight: 700 !important;
    text-shadow: 0rem 0rem .3125rem rgba(0, 0, 0, .7);
    text-transform: capitalize
}

.quality-text.legendary, .item-text.legendary {
    color: #ff8000 !important;
    text-shadow: 0rem 0rem .3125rem rgba(255, 128, 0, .5333333333) !important
}

.quality-text.epic, .item-text.epic {
    color: #a335ee !important;
    text-shadow: 0rem 0rem .3125rem rgba(163, 53, 238, .5333333333) !important
}

.quality-text.rare, .item-text.rare {
    color: #0070dd !important;
    text-shadow: 0rem 0rem .3125rem rgba(0, 112, 221, .5333333333) !important
}

.quality-text.uncommon, .item-text.uncommon {
    color: #1eff00 !important;
    text-shadow: 0rem 0rem .3125rem rgba(30, 255, 0, .5333333333) !important
}

.v-popover .trigger {
    display: block !important;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media only screen and (min-width: 112.5rem) {
    #content-wrapper-builder #builder #builder-flex-1080 {
        display: flex !important;
        width: 90vw !important;
        max-width: 90vw !important;
        flex: 0 0 90vw !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        justify-content: start
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: 48.75rem !important;
        width: 75rem !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        width: 16.5625rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important;
        -webkit-user-select: none;
        user-select: none
    }
}

#content-wrapper-builder #builder .builder-overview-wrapper .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
    top: 0 !important;
    right: 0 !important
}

@media only screen and (max-width: 33.75rem) {
    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container, #content-wrapper-builder #builder #builder-flex-1080 .builder-enchant-wrapper .spell-grid-container {
        display: grid;
        grid-template-columns:minmax(0, 1fr) !important;
        grid-template-rows:auto;
        grid-gap: .625rem
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected {
        height: 3.875rem !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow {
        display: flex;
        height: auto !important;
        width: 100% !important;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        overflow: visible
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item {
        max-width: 100%
    }

    #content-wrapper-builder #builder #builder-flex-1080 .overview-flow .talent-item .talent-header {
        width: 100% !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container.selected .item-count {
        top: 0 !important;
        right: 0 !important
    }

    #content-wrapper-builder #builder #builder-flex-1080 .builder-talent-wrapper .spell-grid-container .item-container {
        height: 3.875rem !important
    }
}

#watch #watch-wrapper {
    max-width: 87.5rem !important
}

#watch .tv-browse-container {
    background-color: #1d1d1d;
    box-shadow: 0 0 .9375rem #000c;
    min-height: 50rem;
    padding: 1.5rem 3.125rem;
    max-width: 87.5rem
}

#watch .tv-browse-container hr {
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #ffffff40;
    height: .0625rem;
    border: 0 none;
    width: 100%;
    margin: 1.75rem auto !important
}

#watch .tv-browse-container .tv-header {
    padding: 2rem 0 0
}

#watch .tv-browse-container .tv-header h1 {
    color: #c9aa71;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 2.5rem;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    word-break: break-word;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    text-align: center
}

#watch .tv-browse-container .tv-header .btn {
    width: 12.5rem !important;
    height: 2.9375rem !important
}

#watch .tv-browse-container .tv-header .tv-categories {
    list-style: none;
    display: flex;
    border-bottom: .0625rem solid rgba(255, 255, 255, .11);
    border-top: .0625rem solid rgba(255, 255, 255, .11);
    padding: 0;
    justify-content: center
}

#watch .tv-browse-container .tv-header .tv-categories .tv-category {
    flex: 0 0 auto;
    display: inline-block;
    min-width: 6.25rem;
    height: 3.125rem;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: .875rem 1.25rem 1rem;
    font-size: .9375rem;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    opacity: .6;
    border-bottom: 0rem solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: 700;
    cursor: pointer
}

#watch .tv-browse-container .tv-header .tv-categories .tv-category.active, #watch .tv-browse-container .tv-header .tv-categories .tv-category.router-link-exact-active, #watch .tv-browse-container .tv-header .tv-categories .tv-category.router-link-active, #watch .tv-browse-container .tv-header .tv-categories .tv-category:hover {
    border-bottom: .125rem solid #c9aa71;
    color: #fff;
    opacity: 1;
    cursor: pointer
}

#watch .tv-watch-container {
    background-color: #1d1d1d;
    box-shadow: 0 0 .9375rem #000c;
    min-height: 50rem;
    padding: 1.5rem 3.125rem;
    max-width: 87.5rem
}

#watch .tv-watch-container hr {
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #ffffff40;
    height: .0625rem;
    border: 0 none;
    width: 100%;
    margin: 1.75rem auto
}

#watch .tv-watch-container .tv-header {
    padding: 2rem 0 0
}

#watch .tv-watch-container .tv-header h1 {
    color: #c9aa71;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 2.5rem;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    word-break: break-word;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    text-align: center
}

#watch .tv-watch-container .tv-header .tv-categories {
    list-style: none;
    display: flex;
    border-bottom: .0625rem solid rgba(255, 255, 255, .11);
    border-top: .0625rem solid rgba(255, 255, 255, .11);
    padding: 0;
    justify-content: center
}

#watch .tv-watch-container .tv-header .tv-categories .tv-category {
    flex: 0 0 auto;
    display: inline-block;
    min-width: 6.25rem;
    height: 3.125rem;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: .875rem 1.25rem 1rem;
    font-size: .9375rem;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    opacity: .6;
    border-bottom: 0rem solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: 700;
    cursor: pointer
}

#watch .tv-watch-container .tv-header .tv-categories .tv-category.active, #watch .tv-watch-container .tv-header .tv-categories .tv-category:hover {
    border-bottom: .125rem solid #c9aa71;
    color: #fff;
    opacity: 1;
    cursor: pointer
}

#watch .tv-watch-container .tv-grid-separator {
    position: relative;
    margin-bottom: 2.8125rem
}

#watch .tv-watch-container .tv-grid-separator .tv-grid-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 3.125rem;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #e6e6e6;
    border-bottom: .0625rem solid rgba(70, 70, 70, .5);
    text-transform: uppercase;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    word-break: break-word;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    text-align: center;
    margin-bottom: 2rem
}

#watch .tv-watch-container .tv-grid-separator .tv-view-all {
    position: absolute;
    top: calc(100% + .25rem);
    right: 0;
    display: block;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1;
    color: #c9aa71;
    font-weight: 700;
    -webkit-transition: color .2s;
    transition: color .2s
}

#watch .tv-watch-container .tv-grid-vertical-wrapper {
    max-height: 35rem;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 18.75rem !important;
    width: 18.75rem !important;
    min-width: 18.75rem !important;
    position: relative
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical {
    display: grid;
    grid-template-columns:15.625rem;
    grid-template-rows:1fr;
    justify-content: center
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element {
    position: relative;
    width: 100%;
    margin: 0 0 2.5rem .875%;
    margin-left: .875%
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element:hover .tv-details .tv-title {
    color: #fff !important
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element:hover .tv-thumbnail img {
    filter: contrast(1.2)
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element:hover .tv-thumbnail .tv-play-button {
    opacity: 1
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-thumbnail {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    -webkit-transition: filter .3s;
    transition: filter .3s;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0 0 .625rem #000000de;
    cursor: pointer
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-thumbnail .tv-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transform: scale3d(.5);
    font-size: 3.75rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-thumbnail img {
    display: block;
    width: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    opacity: 1
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-thumbnail .tv-stream-viewers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: .25rem .625rem;
    background: rgba(0, 0, 0, .75);
    border-radius: .9375rem;
    font-size: .75rem;
    color: #fff;
    left: .3125rem;
    bottom: .3125rem
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-details {
    display: block;
    padding-top: .625rem;
    text-align: left
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-details * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-shadow: 0rem .0625rem .1875rem black
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-details .tv-text {
    display: block;
    display: -webkit-box;
    width: 100%;
    font-size: .9375rem;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-details .tv-title {
    max-height: 2.625rem;
    color: #ffe4c7
}

#watch .tv-watch-container .tv-grid-vertical-wrapper .tv-video-grid-vertical .tv-video-element .tv-details .tv-name {
    font-size: .875rem;
    padding-top: .25rem;
    color: gray !important
}

#watch .tv-watch-container .tv-video-grid-horizontal {
    display: grid;
    grid-template-columns:15.625rem 15.625rem 15.625rem 15.625rem 15.625rem;
    grid-gap: .5rem;
    justify-content: center
}

@media (max-width: 81.25rem) {
    #watch .tv-watch-container .tv-video-grid-horizontal {
        grid-template-columns:repeat(4, 1fr) !important
    }
}

@media (max-width: 62rem) {
    #watch .tv-watch-container .tv-video-grid-horizontal {
        grid-template-columns:repeat(3, 1fr) !important
    }
}

@media (max-width: 48rem) {
    #watch .tv-watch-container .tv-video-grid-horizontal {
        grid-template-columns:repeat(2, 1fr) !important
    }
}

@media (max-width: 36rem) {
    #watch .tv-watch-container .tv-video-grid-horizontal {
        grid-template-columns:repeat(1, 1fr) !important
    }
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element {
    position: relative;
    width: 100%;
    margin: 0 0 2.5rem .875%;
    margin-left: .875%
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element:hover .tv-details .tv-title {
    color: #fff !important
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element:hover .tv-thumbnail img {
    filter: contrast(1.2)
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element:hover .tv-thumbnail .tv-play-button {
    opacity: 1
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-thumbnail {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    -webkit-transition: filter .3s;
    transition: filter .3s;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0 0 .625rem #000000de;
    cursor: pointer
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-thumbnail .tv-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transform: scale3d(.5);
    font-size: 3.75rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-thumbnail img {
    display: block;
    width: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    opacity: 1
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-thumbnail .tv-stream-viewers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: .25rem .625rem;
    background: rgba(0, 0, 0, .75);
    border-radius: .9375rem;
    font-size: .75rem;
    color: #fff;
    left: .3125rem;
    bottom: .3125rem
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-details {
    display: block;
    padding-top: .625rem;
    text-align: left
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-details * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-shadow: 0rem .0625rem .1875rem black
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-details .tv-text {
    display: block;
    display: -webkit-box;
    width: 100%;
    font-size: .9375rem;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-details .tv-title {
    max-height: 2.625rem;
    color: #ffe4c7
}

#watch .tv-watch-container .tv-video-grid-horizontal .tv-video-element .tv-details .tv-name {
    font-size: .875rem;
    padding-top: .25rem;
    color: gray !important
}

#watch .tv-watch-container .tv-mobile-playlist {
    display: none
}

@media (min-width: 62rem) {
    #watch .tv-watch-container .tv-mobile-playlist {
        display: none
    }
}

@media (max-width: 36rem) {
    #watch .tv-watch-container .tv-mobile-playlist {
        display: block
    }
}

#watch .tv-watch-container .tv-video-player .tv-video-element {
    position: relative;
    width: 100%;
    margin: 0 0 2.5rem .875%;
    margin-left: .875%
}

#watch .tv-watch-container .tv-video-player .tv-video-element:hover .tv-details .tv-title {
    color: #fff !important
}

#watch .tv-watch-container .tv-video-player .tv-video-element:hover .tv-thumbnail img {
    filter: contrast(1.2)
}

#watch .tv-watch-container .tv-video-player .tv-video-element:hover .tv-thumbnail .tv-play-button {
    opacity: 1
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-thumbnail {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    -webkit-transition: filter .3s;
    transition: filter .3s;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0 0 .625rem #000000de;
    cursor: pointer
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-thumbnail .tv-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transform: scale3d(.5);
    font-size: 3.75rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-thumbnail .tv-play-list {
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    z-index: 1;
    transform: scale3d(.5);
    font-size: 1.25rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .15s cubic-bezier(.17, .67, .83, .67);
    transition: all .15s cubic-bezier(.17, .67, .83, .67)
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-thumbnail img {
    display: block;
    width: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    opacity: 1
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-thumbnail .tv-stream-viewers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: .25rem .625rem;
    background: rgba(0, 0, 0, .75);
    border-radius: .9375rem;
    font-size: .75rem;
    color: #fff;
    left: .3125rem;
    bottom: .3125rem
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details {
    display: block;
    padding-top: .625rem;
    text-align: left
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-shadow: 0rem .0625rem .1875rem black
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details .tv-text {
    display: block;
    display: -webkit-box;
    width: 100%;
    font-size: .9375rem;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details .tv-title {
    max-height: 2.625rem;
    color: #ffe4c7
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details .tv-date {
    max-height: 2.625rem;
    color: gray !important;
    width: 18.75rem;
    text-align: right
}

#watch .tv-watch-container .tv-video-player .tv-video-element .tv-details .tv-name {
    font-size: .875rem;
    padding-top: .25rem;
    color: gray !important
}

#watch .tv-tags .tv-default-tag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    box-sizing: border-box;
    padding: 0 .5625rem .125rem;
    background: #444;
    border-radius: .3125rem;
    font-size: .75rem;
    text-align: center;
    color: #d2d5dc;
    margin-top: .3125rem;
    text-transform: uppercase;
    margin-right: .3125rem
}

.tv-grid-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 3.125rem;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #e6e6e6;
    border-bottom: .0625rem solid rgba(70, 70, 70, .5);
    text-transform: uppercase;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    word-break: break-word;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    text-align: center;
    margin-bottom: 2rem
}

.tv-grid-title .tv-title-text {
    text-decoration: underline;
    color: #c9aa71 !important;
    font-size: 1.5rem;
    color: #e6e6e6;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    word-break: break-word;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    text-align: center
}

.tv-grid-title .tv-video-count {
    padding: 0rem .3125rem;
    background: #424242;
    border-radius: .3125rem
}

.tv-grid-title.no-border {
    border-bottom: none;
    margin-bottom: 0
}

.tv-grid-title.edit {
    outline: none !important;
    box-shadow: none !important;
    border: .0625rem solid rgba(70, 70, 70, .5) !important;
    border-color: #46464680
}

.tv-grid-title.edit:focus {
    border-color: #444 !important
}

.tv-view-all {
    position: absolute;
    top: calc(100% + .25rem);
    right: 0;
    display: block;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1;
    color: #c9aa71;
    font-weight: 700;
    -webkit-transition: color .2s;
    transition: color .2s
}

.tv-grid-separator {
    position: relative;
    margin-bottom: 2.8125rem
}

.tv-video-grid {
    display: grid;
    grid-template-columns:15.625rem 15.625rem 15.625rem 15.625rem 15.625rem;
    grid-gap: .5rem;
    justify-content: center
}

@media (max-width: 81.25rem) {
    .tv-video-grid {
        grid-template-columns:repeat(4, 1fr) !important
    }
}

@media (max-width: 62rem) {
    .tv-video-grid {
        grid-template-columns:repeat(3, 1fr) !important
    }
}

@media (max-width: 48rem) {
    .tv-video-grid {
        grid-template-columns:repeat(2, 1fr) !important
    }
}

@media (max-width: 36rem) {
    .tv-video-grid {
        grid-template-columns:repeat(1, 1fr) !important
    }
}

.tv-video-grid .tv-video-element {
    position: relative;
    width: 100%;
    margin: 0 0 2.5rem .875%;
    margin-left: .875%
}

.tv-video-grid .tv-video-element:hover .tv-details .tv-title {
    color: #fff !important
}

.tv-video-grid .tv-video-element:hover .tv-thumbnail img {
    filter: contrast(1.2)
}

.tv-video-grid .tv-video-element:hover .tv-thumbnail .tv-play-button {
    opacity: 1
}

.tv-video-grid .tv-video-element .tv-thumbnail {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    -webkit-transition: filter .3s;
    transition: filter .3s;
    background-color: #000;
    overflow: hidden;
    box-shadow: 0 0 .625rem #000000de;
    cursor: pointer
}

.tv-video-grid .tv-video-element .tv-thumbnail:hover .tv-play-button {
    font-size: 4.375rem
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transform: scale3d(.5);
    font-size: 3.75rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-edit-button {
    position: absolute;
    top: .3125rem;
    right: 2.1875rem;
    z-index: 1;
    font-size: 1.5rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-edit-button:hover {
    color: #dcbe14
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-delete-button {
    position: absolute;
    top: .3125rem;
    right: .3125rem;
    z-index: 1;
    font-size: 1.5rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-delete-button:hover {
    color: #dc143c
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-visibility-icon {
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    z-index: 1;
    font-size: 1.5rem;
    text-shadow: 0 0 .9375rem rgb(0, 0, 0), 0 0 .625rem rgb(0, 0, 0);
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.tv-video-grid .tv-video-element .tv-thumbnail img {
    display: block;
    width: 100%;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    opacity: 1
}

.tv-video-grid .tv-video-element .tv-thumbnail .tv-stream-viewers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: .25rem .625rem;
    background: rgba(0, 0, 0, .75);
    border-radius: .9375rem;
    font-size: .75rem;
    color: #fff;
    left: .3125rem;
    bottom: .3125rem
}

.tv-video-grid .tv-video-element .tv-details {
    display: block;
    padding-top: .625rem;
    text-align: left
}

.tv-video-grid .tv-video-element .tv-details * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-shadow: 0rem .0625rem .1875rem black
}

.tv-video-grid .tv-video-element .tv-details .tv-text {
    display: block;
    display: -webkit-box;
    width: 100%;
    font-size: .9375rem;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.tv-video-grid .tv-video-element .tv-details .tv-title {
    max-height: 2.625rem;
    color: #ffe4c7
}

.tv-video-grid .tv-video-element .tv-details .tv-name {
    font-size: .875rem;
    padding-top: .25rem;
    color: gray !important
}

@media (max-width: 48rem) {
    #watch .support-title-h2 {
        margin-right: 2rem;
        margin-left: 2rem;
        font-size: 1.5rem !important
    }

    #watch h1 {
        font-size: 1.5rem !important
    }
}

#ucpboard .reward-link .discount-dropdown {
    background-color: #1e1e1e !important;
    color: #f0c87d !important;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

#ucpboard .reward-link .discount-text {
    line-height: 2.5rem;
    font-weight: 700;
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem;
    position: relative;
    text-shadow: 0rem 0rem .3125rem #ff5400
}

#ucpboard .reward-link .discount-clarification {
    color: #dcdcdc;
    line-height: 2.5rem;
    font-weight: 700;
    text-shadow: 0 0 .3125rem black
}

#ucpboard .reward-link .discount-color {
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

#ucpboard .reward-link .reward-table .reward-row {
    line-height: 2.75rem
}

#ucpboard .reward-link .reward-table .reward-row td.status-active {
    color: #2affaf !important
}

#ucpboard .reward-link .reward-table .reward-row td.status-inactive {
    color: #e35e1d !important
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

.dropdown-item {
    white-space: nowrap !important;
    z-index: 99
}

.CodeMirror {
    background: rgba(35, 37, 39, .1176470588) !important;
    border: .0625rem solid #444951 !important;
    color: #fff !important
}

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255, 0, 0, .01) !important;
    text-decoration: underline !important;
    text-decoration-color: #dc143c !important
}

label {
    color: #c9aa71
}

.form-control {
    height: 2.5rem;
    border: .0625rem solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem
}

.form-control::placeholder {
    color: #4d4d4d
}

.bottom-button {
    padding: .8rem 2rem;
    margin-right: 1rem
}

span.btn-default, .btn.btn-default {
    color: #c9aa71;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-color: #fff
}

span.btn-default:hover, .btn.btn-default:hover {
    color: #000 !important;
    border-color: #fff0 !important;
    background-color: #c9aa71 !important
}

input {
    background: transparent !important;
    color: #979a9f !important
}

#summernote {
    width: 100%
}

.bugtracker-create textarea {
    border: .0625rem solid #444951;
    background: transparent;
    color: #979a9f !important;
    min-height: 23.75rem;
    resize: vertical !important
}

.bugtracker-display textarea {
    border: .0625rem solid #444951;
    background: transparent;
    color: #979a9f !important;
    min-height: 6.25rem;
    resize: vertical !important;
    padding-top: 1rem
}

.form-title {
    padding-bottom: 1.25rem
}

.form-title h5 {
    padding-left: .625rem
}

.content-title {
    margin-bottom: 1.875rem;
    color: #e8d8b2
}

.content-title i {
    padding-right: .625rem
}

.btn {
    border-color: #979a9f !important;
    border-radius: 0;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear
}

.btn:hover {
    background-color: #e8d8b2 !important;
    color: #fff !important
}

.bootstrap-tagsinput {
    background-color: transparent !important;
    border: .0625rem solid #444951 !important;
    box-shadow: inset 0 .0625rem .0625rem #00000013;
    display: inline-block;
    padding: .5rem .625rem !important;
    color: #555;
    vertical-align: middle;
    border-radius: .25rem;
    max-width: 100%;
    line-height: 1.375rem;
    cursor: text
}

.bootstrap-tagsinput .tag {
    color: #8a8d93 !important;
    padding: .125rem .625rem;
    border-radius: .1875rem;
    font-size: .875rem;
    margin: .125rem;
    border-color: #e8d8b2 !important;
    border: .0625rem solid
}

.tag-form {
    width: 100% !important;
    position: relative;
    padding: .625rem
}

.tag-selection {
    margin-left: 0;
    margin-top: .3125rem;
    background-color: transparent !important;
    border: .0625rem solid #444951 !important;
    padding: .3125rem .625rem .625rem
}

.tag-selection .tag-item {
    color: #545456;
    display: inline-block
}

.tag-selection .tag-item .tag-label {
    color: #8a8d93 !important;
    cursor: pointer;
    border: .0625rem solid;
    border-color: #444951 !important;
    border-radius: .1875rem;
    font-size: .875rem;
    margin: .125rem;
    padding: .125rem .625rem
}

.tag-selection .tag-item .tag-label:hover {
    color: #7c7c7c
}

.tag-selection .tag-item .tag-input {
    display: none
}

.tag-selection .tag-item .tag-input:checked + .tag-label {
    border-color: #e8d8b2 !important;
    color: wheat !important
}

#category-select {
    border: .0625rem solid #444951;
    height: 2.5rem;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    min-width: 100%
}

#category-select option {
    margin: 2.5rem;
    background: #181818;
    color: #fff;
    text-shadow: 0 .0625rem 0 rgba(0, 0, 0, .4)
}

#category-select option:checked, #category-select option:hover {
    box-shadow: 0 0 .625rem 6.25rem #000 inset
}

.content-header {
    padding: 1.25rem;
    position: relative;
    display: block
}

.content-header p {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0
}

.content-inner {
    padding: 1.25rem;
    color: #8a8d93;
    background: rgba(15, 15, 15, .9450980392);
    border: .0625rem solid rgba(232, 216, 178, .479);
    border-radius: .625rem
}

.content-title {
    padding-bottom: .625rem;
    border-bottom: none
}

.content-title h5 {
    color: #e8d8b2;
    font-size: 1.375rem
}

.content-body {
    padding-top: .625rem
}

section {
    padding: 0 0rem
}

.block-title i {
    margin-right: .625rem
}

.col-in-col {
    margin: 0rem;
    padding-left: 0rem
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #8a8d93 !important
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em;
    white-space: nowrap
}

select {
    height: 2.125rem;
    line-height: 1;
    color: #8a8d93;
    vertical-align: middle;
    -webkit-appearance: none;
    padding: .375rem 1.75rem .375rem .75rem;
    border-width: .0625rem;
    border-style: solid;
    border-color: #444951;
    border-image: initial;
    border-radius: 0rem;
    background-color: transparent
}

input {
    color: #979a9f;
    border-width: .0625rem;
    border-style: solid;
    border-color: #444951;
    border-image: initial;
    background: transparent;
    border-radius: 0rem
}

.page-link {
    margin-left: -.0625rem;
    line-height: 1.25;
    color: #8a8d93;
    background-color: transparent;
    padding: .5rem .75rem;
    border-width: .0625rem;
    border-style: solid;
    border-color: #8a8d93;
    border-image: initial
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: transparent;
    border: none !important;
    color: #8a8d93 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link {
    color: #6c757d !important;
    pointer-events: none;
    background: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: none !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active .page-link {
    background: none;
    background-color: #c9aa71;
    border-width: .0625rem;
    border-style: solid;
    border-color: #8a8d93;
    -o-border-image: initial;
    border-image: initial;
    color: #000 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #000 !important;
    border-color: #fff0 !important;
    background-color: #c9aa71 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.page-link:focus {
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button a:hover {
    color: #000 !important;
    border-color: #fff0 !important;
    background-color: #c9aa71 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.active {
    background: none;
    background-color: #c9aa71;
    color: #000
}

.dataTables_wrapper .dataTables_paginate .paginate_button a.current {
    background: none !important;
    background-color: #3b4047 !important;
    color: #fff !important
}

.table td, .table th {
    border: none
}

table.dataTable thead th {
    border-color: #34383d !important
}

.table td, .table tr {
    padding: .75rem;
    vertical-align: top;
    border-top: .0625rem solid #34383d
}

.table tr a {
    color: #979899
}

.table tr a:hover {
    color: #abacad !important
}

.table.dataTable tbody tr {
    background-color: transparent
}

.table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: .0625rem solid #34383d
}

table.dataTable.no-footer {
    border-color: #34383d !important
}

.table.dataTable thead .sorting_desc, .table.dataTable thead .sorting, .table.dataTable thead .sorting_asc {
    background-image: none
}

@media screen and (max-width: 43.75rem) {
    .table-country {
        display: none !important
    }
}

.status-unconfirmed {
    color: #535455
}

.status-pending {
    color: #d79602
}

.status-fixed {
    color: #7e8d09
}

.status-closed {
    color: #dc143c
}

.status-duplicate {
    color: #b91da4
}

.td-rating {
    display: flex
}

.rating-btn:hover {
    cursor: pointer
}

.thumb-up:hover {
    color: #64b5f7
}

.thumb-down:hover {
    color: #dc143c
}

#bugtracker_table {
    color: #acacac
}

.sidebar {
    width: 17.5rem;
    min-height: calc(100vh - 6.25rem);
    height: auto !important;
    position: relative;
    border-top: .0625rem solid #776f5d;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9;
    background: #0c0c0c;
    color: #e8d8b2;
    border-right: .0625rem solid rgb(139, 129, 105);
    margin-top: 3.125rem
}

.modalnav .sidebar {
    margin-left: 0 !important;
    margin-top: 0rem !important;
    width: auto !important
}

.sidebar-list {
    border: 0;
    font-weight: 400;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    padding: 1.875rem 0rem
}

.sidebar-section-header {
    pointer-events: none;
    cursor: default;
    font-size: 1.25rem;
    padding: .75rem 1.25rem !important;
    letter-spacing: .025rem;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    color: #f1e6cf
}

.sidebar-list li {
    position: relative
}

.sidebar-list li a span {
    vertical-align: middle;
    color: #c9aa71 !important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700
}

.sidebar-list li a span:hover {
    color: #f1e6cf !important
}

.sidebar-list li:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%) scaleX(0);
    transform-origin: 50% 50%;
    width: 100%;
    height: .0625rem;
    background-color: #e8d8b21a;
    transition: transform .25s
}

.sidebar-list li .sub-menu ul li:after {
    background-color: transparent
}

.sidebar-list .expanded:after {
    background-color: transparent
}

.sidebar-list li:hover:after {
    transform: translate(-50%) scaleX(1)
}

.sidebar-list li a i {
    display: inline-block;
    font-size: 1.625rem;
    line-height: 1.75rem;
    margin-left: .1875rem;
    text-align: center;
    vertical-align: middle;
    margin-right: .9375rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-right: .9375rem;
    border-right: .0625rem solid #454649;
    width: 2.5rem;
    color: #e8d8b2 !important
}

.sidebar-list li a i.dropdown-arrow {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-left: .1875rem;
    text-align: center;
    vertical-align: middle;
    margin-right: 0rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-right: .9375rem;
    border: 0;
    float: right
}

.sidebar-list li a {
    display: block;
    padding: .75rem 0rem .75rem 1.25rem;
    margin: .25rem 0;
    color: #c9aa71 !important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700
}

.sidebar-list li a:hover {
    color: #f1e6cf !important
}

.sidebar-list li.active {
    background: rgba(53, 56, 61, 0)
}

.sidebar-list li:hover {
    background: hsla(0, 0%, 42%, .1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar-list li a:hover {
    color: #fff
}

.sidebar-list li.active:before {
    content: "";
    width: .125rem;
    height: 100%;
    background: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #dc143c
}

.sidebar-list li ul {
    position: relative;
    height: 100%
}

.sidebar-list li ul li {
    position: relative;
    width: 100%
}

.sidebar-list li ul li a {
    display: block;
    padding: .75rem 5rem;
    font-size: .75rem !important;
    margin: .25rem 0;
    color: #fff9
}

@media (max-width: 35.9988rem) {
    nav.sidebar.shrinked {
        margin-left: 0;
        display: none;
        width: 3.125rem
    }

    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: center
    }

    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0rem;
        padding-right: 0rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -1.25rem;
        width: 1.25rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding-right: 0rem;
        padding: .75rem 3.125rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 3.125rem
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media (min-width: 36rem) and (max-width: 47.9988rem) {
    nav.sidebar.shrinked {
        margin-left: 0;
        width: 4.375rem;
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: center
    }

    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0rem;
        padding-right: 0rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -1.25rem;
        width: 1.25rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a span {
        width: 100%;
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding-right: 0rem;
        padding: .75rem 3.125rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 3.125rem
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media (min-width: 48rem) and (max-width: 61.9988rem) {
    nav.sidebar.shrinked {
        margin-left: 0;
        width: 4.375rem;
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: center
    }

    nav.sidebar.shrinked .sidebar-list .list-item a i {
        border-right: none;
        margin-right: 0rem;
        padding-right: 0rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        width: 100%
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item .dropdown-arrow {
        margin-left: -1.25rem;
        width: 1.25rem
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: block
    }

    nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: none
    }

    nav.sidebar.shrinked .sidebar-list .list-item a span {
        width: 100%;
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .sidebar-section-header {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a {
        padding-right: 0rem;
        padding: .75rem 0rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item .sub-menu a {
        padding-right: 0rem;
        padding: .75rem 3.125rem;
        text-align: left !important
    }

    .modalnav nav.sidebar.shrinked {
        margin-left: 0;
        display: block;
        width: 3.125rem
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .shrink-item {
        display: none
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a .full-item {
        display: block
    }

    .modalnav nav.sidebar.shrinked .sidebar-list .list-item a span {
        display: inline
    }
}

@media (min-width: 62rem) and (max-width: 74.9988rem) {
    .sidebar {
        width: 15rem
    }

    nav.sidebar .sidebar-list .list-item a .shrink-item {
        display: none
    }

    nav.sidebar .sidebar-list .list-item a .full-item {
        display: block
    }
}

@media (min-width: 75rem) {
    nav.sidebar .sidebar-list .list-item a .shrink-item {
        display: none
    }

    nav.sidebar .sidebar-list .list-item a .full-item {
        display: block
    }

    .table-responsive {
        overflow: visible
    }
}

@media (max-width: 75rem) {
    .dynamic-menu-toggle {
        height: 3.75rem;
        width: 3.75rem;
        border-radius: 100%;
        line-height: 3.75rem;
        text-align: center;
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        border: .125rem solid #666;
        background-color: #131415;
        z-index: 999;
        -webkit-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -moz-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -ms-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        -o-transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        transition: all .2s ease-in-out, border-radius .1s ease-in-out;
        cursor: pointer;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased;
        opacity: 1 !important;
        display: block !important
    }

    .dynamic-menu-toggle i {
        color: #c9aa71 !important;
        filter: drop-shadow(0 0 .3125rem .0625rem #C9AA71 !important);
        font-size: 1.8rem;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
        cursor: pointer;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }
}

@media only screen and (max-width: 31.25rem) and (max-height: 65.625rem) and (min-height: 46.875rem) {
    .dynamic-menu-toggle.active {
        max-width: 22.375rem !important;
        border-radius: 1.5625rem;
        width: 100%;
        border-width: .0625rem !important;
        right: auto !important
    }
}

.dynamic-menu-toggle {
    display: none;
    opacity: 0
}

@media (max-width: 75rem) {
    #ucpboard .nav-panel {
        width: calc(100vw - 4.375rem) !important;
        top: 0rem !important;
        opacity: 0 !important
    }
}

@media (min-width: 74.9375rem) and (max-width: 97rem) {
    #ucpboard .nav-panel .ucp-nav {
        width: 16.875rem !important
    }
}

#ucpboard .nav-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    top: 0;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    z-index: 998 !important;
    position: relative;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out !important;
    -moz-transition: all .35s ease-in-out !important;
    -ms-transition: all .35s ease-in-out !important;
    -o-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important
}

@media (max-width: 75rem) {
    #ucpboard .nav-panel {
        justify-content: center
    }
}

@media (max-width: 75rem) {
    #ucpboard .nav-panel {
        pointer-events: none !important
    }

    #ucpboard .nav-panel.active {
        opacity: 1 !important;
        pointer-events: all !important
    }
}

#ucpboard .nav-panel .menu-toggle {
    position: absolute;
    right: -3rem;
    top: calc(50% - 1.5rem);
    width: 3.125rem;
    height: 3.125rem;
    background: #1e1e1e;
    box-shadow: 0 .0625rem .3125rem #55555526;
    border-radius: 50%;
    border: .0625rem solid #2e2e2e;
    text-align: center;
    z-index: 0;
    display: inline-block;
    font: 1.5rem/1 Material Design Icons !important;
    line-height: 1;
    font-size: 1.5rem;
    line-height: 2.8125rem !important;
    border-radius: 0 50% 50% 0 !important;
    cursor: pointer !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    display: flex;
    justify-content: center;
    flex-direction: row;
    z-index: 9999 !important
}

#ucpboard .nav-panel .menu-toggle.toggle-active {
    top: 0%
}

#ucpboard .nav-panel .ucp-nav {
    flex-direction: column;
    margin: 0 0 2rem;
    border-radius: .125rem;
    width: calc(100vw - 3.75rem);
    max-width: 22.375rem !important;
    position: sticky;
    position: -webkit-sticky;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    top: 0rem;
    -webkit-transition: all .35s ease-in-out !important;
    -moz-transition: all .35s ease-in-out !important;
    -ms-transition: all .35s ease-in-out !important;
    -o-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important
}

@media (max-width: 75rem) and (max-height: 43.75rem) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: 0 !important
    }
}

@media (max-width: 75rem) and (min-height: 50rem) and (max-height: 62.5rem) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: -6rem !important
    }
}

@media only screen and (max-width: 31.25rem) and (max-height: 65.625rem) and (min-height: 46.875rem) {
    #ucpboard .nav-panel .ucp-nav {
        margin-top: -8rem !important
    }
}

#ucpboard .nav-panel .ucp-nav #chevron0, #ucpboard .nav-panel .ucp-nav #chevron1, #ucpboard .nav-panel .ucp-nav #chevron2 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .nav-panel .ucp-nav .rotate180 {
    transform: rotate(180deg)
}

#ucpboard .nav-panel .ucp-nav #admin-content, #ucpboard .nav-panel .ucp-nav #store-content, #ucpboard .nav-panel .ucp-nav #security-content, #ucpboard .nav-panel .ucp-nav #application-content, #ucpboard .nav-panel .ucp-nav #account-content {
    -webkit-transition: all .35s ease-in-out !important;
    -moz-transition: all .35s ease-in-out !important;
    -ms-transition: all .35s ease-in-out !important;
    -o-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important;
    transform: translateZ(0) !important;
    overflow: visible;
    opacity: 1
}

#ucpboard .nav-panel .ucp-nav #security-content {
    height: 9.375rem
}

#ucpboard .nav-panel .ucp-nav #application-content {
    height: 6.25rem
}

#ucpboard .nav-panel .ucp-nav #store-content {
    height: 12.5rem
}

#ucpboard .nav-panel .ucp-nav #account-content {
    height: 15.625rem
}

#ucpboard .nav-panel .ucp-nav #admin-content {
    min-height: 12.5rem;
    max-height: 21.875rem
}

#ucpboard .nav-panel .ucp-nav .content-closed {
    height: 0rem !important;
    overflow: hidden !important;
    opacity: 0 !important
}

#ucpboard .nav-panel .ucp-nav .nav-separator {
    border-top: .0625rem solid #2e2e2e !important;
    border-bottom: .0625rem solid #2e2e2e !important;
    font-weight: 700;
    z-index: 2;
    color: #fff;
    display: flex !important;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none;
    text-shadow: none !important
}

#ucpboard .nav-panel .ucp-nav .nav-transparent {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important
}

#ucpboard .nav-panel .ucp-nav .nav-transparent:hover {
    background-color: transparent !important
}

#ucpboard .nav-panel .ucp-nav .nav-link {
    box-shadow: 0 .0625rem .3125rem #55555526;
    position: relative;
    display: block;
    margin: 0;
    padding: .8125rem 1rem;
    background: #1e1e1e;
    border: 0;
    border-bottom: .0625rem solid #2e2e2e;
    border-left: .0625rem solid #2e2e2e;
    border-right: .0625rem solid #2e2e2e;
    border-radius: 0;
    color: #616161;
    z-index: 1;
    -webkit-transition: all .35s ease-in-out !important;
    -moz-transition: all .35s ease-in-out !important;
    -ms-transition: all .35s ease-in-out !important;
    -o-transition: all .35s ease-in-out !important;
    transition: all .35s ease-in-out !important
}

#ucpboard .nav-panel .ucp-nav .nav-link:hover {
    background-color: #262626
}

#ucpboard .nav-panel .ucp-nav .nav-link.active {
    background-color: #262626;
    font-weight: 700;
    color: #000000de
}

#ucpboard .nav-panel .ucp-nav .nav-link:last-of-type {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    border-bottom: 0
}

#ucpboard .nav-panel .ucp-nav .nav-link i.mdi {
    margin-right: .3125rem;
    font-size: 1.125rem;
    position: relative
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active {
    box-shadow: 0 .0625rem .3125rem #55555526;
    position: relative;
    display: block;
    margin: 0;
    padding: .8125rem 1rem;
    border: 0;
    border-bottom: .0625rem solid #2e2e2e;
    border-left: .0625rem solid #2e2e2e;
    border-right: .0625rem solid #2e2e2e;
    border-radius: 0;
    z-index: 1;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    background-color: #262626 !important;
    font-weight: 700 !important;
    color: #c9aa71 !important
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active:hover {
    background-color: #262626
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active:last-of-type {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    border-bottom: 0
}

#ucpboard .nav-panel .ucp-nav .router-link-exact-active i.mdi {
    margin-right: .3125rem;
    font-size: 1.125rem;
    position: relative
}

@media (max-width: 75rem) {
    #ucpboard .nav-panel.active {
        transform: translate(0)
    }

    #ucpboard .nav-panel {
        position: fixed !important;
        z-index: 999 !important;
        left: 0 !important;
        min-height: 100vh !important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    #ucpboard .nav-panel .menu-toggle {
        position: absolute;
        right: -2.1875rem;
        top: 0;
        width: 3.125rem;
        height: 3.125rem;
        background: #1e1e1e;
        box-shadow: 0 .0625rem .3125rem #55555526;
        border-radius: 50%;
        border: .0625rem solid #2e2e2e;
        text-align: center;
        z-index: 0;
        display: inline-block;
        font: 1.5rem/1 Material Design Icons !important;
        font-size: 1.5rem;
        line-height: 2.8125rem !important;
        border-radius: 0 50% 50% 0 !important;
        cursor: pointer !important;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        display: flex;
        justify-content: center;
        flex-direction: row
    }

    #ucpboard .nav-panel .menu-toggle:hover {
        background-color: #c9aa71 !important;
        color: #000 !important
    }

    #ucpboard .nav-panel .ucp-nav:hover:after {
        background-color: #c9aa71 !important;
        color: #000 !important
    }
}

@media (min-width: 75rem) {
    #ucpboard .ucp-side-dimmer {
        display: none !important
    }
}

HTML {
    cursor: pointer
}

body {
    cursor: default
}

*:not(.material-icons,.mdi,.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat) {
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important
}

::-webkit-scrollbar {
    width: .6rem !important;
    cursor: pointer !important
}

::-webkit-scrollbar-thumb {
    background: #c9aa71 !important;
    border-radius: .4375rem !important;
    cursor: pointer !important
}

::-webkit-scrollbar-button {
    cursor: pointer !important
}

::-webkit-scrollbar-track {
    background-color: #121212 !important;
    cursor: none !important
}

.asc-error-tooltip {
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .6875rem;
    line-height: 1.6;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .25rem
}

.l-like {
    background-color: #131415;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #393939;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-like:hover {
    background-color: #080;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #393939;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-like.l-checked {
    background-color: #080;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #393939;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-dislike {
    background-color: #131415;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #393939;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-dislike:hover {
    background-color: #800;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #ddd;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.l-dislike.l-checked {
    background-color: #800;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #ddd;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.like {
    width: 1.375rem;
    text-align: center;
    font-family: monospace;
    font-size: 1rem
}

.like.up_like {
    color: #080
}

.like.down_like {
    color: #800;
    font-weight: 700;
    font-family: monospace
}

.l-checked {
    background-color: #222;
    padding: .1875rem;
    border-radius: .1875rem;
    border: .0625rem solid #ddd
}

.drop-item {
    background-color: #333
}

.drop-item-btn {
    background-color: #333;
    border-color: wheat !important;
    color: wheat
}

.item-action-dropdown {
    position: absolute
}

#bugtracker1 .table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0 1.5rem;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    position: relative
}

#bugtracker1 .table thead {
    color: #c9aa71 !important;
    border: none;
    outline: none
}

#bugtracker1 .table thead tr {
    padding: .75rem;
    vertical-align: top;
    border: none !important;
    outline: none !important
}

#bugtracker1 .table thead tr th {
    color: #dcdcdc;
    border: none !important;
    outline: none !important;
    padding: 1rem
}

#bugtracker1 .table tbody {
    padding-top: 1rem;
    background: transparent !important;
    border-top: none
}

#bugtracker1 .table tbody tr {
    color: #fff !important;
    background-color: #1e1e1e !important;
    border-radius: .9375rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#bugtracker1 .table tbody tr th {
    border-top: .0625rem solid rgba(52, 56, 61, .42);
    border-radius: .3125rem
}

#bugtracker1 .table tbody tr th a {
    display: block;
    padding: 1.5rem .5rem;
    line-height: 1.25rem;
    color: #dcdcdc !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#bugtracker1 .table tbody tr .bug-id a {
    color: #dcdcdc !important
}

#bugtracker1 .table tbody tr .bug-title a {
    word-wrap: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 48rem) {
    #bugtracker .bug-title {
        font-size: 1.5rem
    }

    #bugtracker .bug-search-container {
        margin-top: 1rem !important
    }

    #bugtracker .bug-subtitle {
        font-size: 1rem;
        width: 100%;
        text-align: center
    }

    #bugtracker .bug-browse-header {
        margin-top: 1.5rem !important
    }

    #bugtracker .bug-browse-header .head-left {
        text-align: center !important;
        justify-content: center !important;
        display: none !important
    }

    #bugtracker .bug-browse-header .bugtracker-search-text, #bugtracker .bug-browse-header .bugtracker-create-new {
        margin-left: auto !important;
        margin-right: auto !important
    }

    #bugtracker .bug-icon {
        margin-left: 0 !important;
        display: none !important
    }
}

#bugtracker .bug-icon {
    margin: .5rem 1rem auto auto
}

#bugtracker .bug-title {
    text-shadow: rgb(0, 0, 0) 0rem 0rem .625rem, rgb(0, 0, 0) 0rem 0rem .1875rem !important
}

#bugtracker .bug-subtitle {
    text-shadow: 0 0 .1875rem #000, 0 0 .1875rem #000 !important
}

#bugtracker .bug-browse-header {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 2rem
}

#bugtracker .bug-browse-header .head-left .bt-head {
    margin-bottom: 0
}

#bugtracker .bug-browse-header .head-left .bt-sub {
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right {
    position: relative;
    top: .1875rem
}

#bugtracker .bug-browse-header .head-right input {
    height: 2.5rem !important;
    background-color: #351e1e;
    box-shadow: 0 .1875rem .375rem #000000a9;
    margin-right: 1rem;
    color: #dcdcdc;
    border-radius: .5rem;
    width: 15.625rem;
    margin-top: 5px
}

#bugtracker .bug-browse-header .head-right .icon {
    right: 1rem
}

#bugtracker .bug-browse-header .head-right .label {
    height: 3.125rem !important;
    background-color: #634545;
    box-shadow: 0 .1875rem .375rem #000000a9
}

#bugtracker .bug-browse-header .head-right .text {
    line-height: 1.5625rem;
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right .search {
    height: 3.125rem;
    color: #dcdcdc;
    margin-left: 2rem
}

#bugtracker .bug-browse-header .head-right .dropdown.icon {
    color: #dcdcdc
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports {
    margin-top: .5rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne, #bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo {
    background-color: #1d1d1d;
    box-shadow: 0 .1875rem .375rem #000000a9;
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: .0625rem solid transparent !important;
    outline: none !important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne.active, #bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #ffbe4b;
    color: #000
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne.active:hover, #bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo.active:hover {
    border: .0625rem solid #c9aa71 !important;
    color: #fff !important;
    background-color: #c9aa71 !important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne:hover, #bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo:hover {
    cursor: pointer;
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: #1d1d1d !important
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .btnTwo {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #c9aa71;
    color: #000
}

#bugtracker .bug-browse-header .head-right .bugtracker-my-reports .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 .0625rem transparent inset;
    box-shadow: 0 0 0 .0625rem transparent inset
}

#bugtracker .bug-browse-header .head-right .bug-search-container {
    height: 3.125rem
}

#bugtracker .bug-browse-header .head-right .bug-search-container #bug-search {
    height: 1.4375rem
}

#bugtracker .bug-browse-header .head-right .bugtracker-create-new {
    height: 3.125rem !important;
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #c9aa71;
    margin-right: 1rem;
    color: #000000b3;
    text-shadow: none;
    font-weight: 700;
    width: 9.375rem;
    line-height: 3.125rem;
    text-align: center;
    transition: all .2s ease-in-out
}

#bugtracker .bug-browse-header .head-right .bugtracker-create-new:hover {
    color: #000;
    scale: .95;
    cursor: pointer;
    box-shadow: 0 0 .625rem #c9aa71
}

#bugtracker .bug-browse-header .head-right .bugtracker-search-text {
    font-size: .6875rem;
    width: 10rem;
    margin-top: .3125rem;
    color: gray
}

@media (max-width: 48rem) {
    #bugtracker thead {
        display: none
    }

    #bugtracker .bug-stats {
        display: flex !important;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important
    }

    #bugtracker .bug-stats .stat-card {
        min-width: 16.875rem
    }

    #bugtracker .ticket-id-container, #bugtracker .ticket-info-container, #bugtracker .ticket-status-container, #bugtracker .ticket-update-container {
        display: none
    }

    #bugtracker table {
        padding-left: .5rem;
        padding-right: .5rem
    }

    #bugtracker table .bug-report td {
        padding: 0 !important
    }
}

#bugtracker .bug-stats {
    width: 100%;
    justify-content: space-between;
    margin-top: 0rem;
    margin-bottom: 2rem
}

@media (max-width: 1000px) {
    #bugtracker .bug-stats #bug-stats-desktop {
        display: none !important
    }

    #bugtracker .bug-stats #bug-stats-mobile {
        display: flex !important
    }
}

#bugtracker .bug-stats .stat-card.active {
    box-shadow: 0 0 .9375rem #c9aa71
}

#bugtracker .bug-stats .stat-card {
    width: 16.875rem;
    height: 5.625rem;
    background: #5b3535;
    margin-top: 1rem;
    border-radius: .5rem;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    box-shadow: 0 .1875rem .375rem #000000a9;
    cursor: pointer;
    transition: .35s all ease-in-out;
    transform: scale(.95)
}

#bugtracker .bug-stats .stat-card:hover {
    transform: scale(.95) !important
}

#bugtracker .bug-stats .stat-card .stat-icon {
    margin-left: .5rem;
    color: #dcdcdc;
    line-height: 1.9375rem
}

#bugtracker .bug-stats .stat-card .stat-number {
    font-size: 1.625rem;
    color: #dcdcdc;
    margin-bottom: .5rem;
    font-weight: 700
}

#bugtracker .bug-stats .stat-card .stat-desc {
    color: #fff
}

#bugtracker .bug-stats .stat-card .stat-time {
    font-size: 1.25rem;
    color: #dcdcdc;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 3.625rem
}

#bugtracker .bug-stats .grad-1, #bugtracker .bug-stats .grad-2, #bugtracker .bug-stats .grad-3 {
    background: #ff512f;
    background: -webkit-linear-gradient(to right, #f09819, #ff512f);
    background: linear-gradient(to right, #f09819, #ff512f)
}

#bugtracker .bug-stats .grad-4 {
    background: #a73737;
    background: -webkit-linear-gradient(to right, #7a2828, #a73737);
    background: linear-gradient(to right, #673535, #362222)
}

#bugtracker .bug-stats .grad-5 {
    background: linear-gradient(to right, #292a2b, #1e1e1e)
}

#bugtracker table {
    border-collapse: separate;
    white-space: normal;
    line-height: normal;
    font-weight: 400;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    border-spacing: .125rem;
    font-variant: normal;
    position: relative
}

#bugtracker table thead {
    margin-bottom: 1rem
}

#bugtracker table thead tr th {
    padding: 1.5rem 0;
    text-align: center;
    color: #c9aa71;
    position: relative;
    min-width: 4.375rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

#bugtracker table thead tr th:hover {
    color: wheat
}

#bugtracker table thead tr th.p-ev-none {
    pointer-events: none
}

#bugtracker table thead tr th.active {
    color: #fff !important;
    margin-bottom: .25rem
}

#bugtracker table .flex-vertical {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#bugtracker table .transparent-row {
    height: .3125rem;
    width: 76rem;
    background: transparent
}

#bugtracker table .bug-report.closed {
    opacity: .5;
    filter: saturate(0%);
    cursor: default !important
}

#bugtracker table .bug-report.closed:hover {
    box-shadow: 0 0 .0625rem #c9aa71 !important;
    cursor: default !important
}

#bugtracker table .bug-report.closed .ticket-first {
    height: auto !important;
    max-height: 5.5rem !important
}

#bugtracker table .bug-report.closed .ticket-first .ticket-rating-container .arrow {
    pointer-events: none !important
}

#bugtracker table .bug-report.personal {
    box-shadow: 0 0 .375rem #c9aa71;
    border: .0625rem solid black;
    box-sizing: inherit
}

#bugtracker table .bug-report {
    height: 5.5rem !important;
    min-height: 5.5rem !important;
    max-height: 5.5rem !important;
    width: 76rem;
    background: #1e1e1e;
    box-shadow: 0 0 .375rem #000000a9;
    margin-bottom: 1rem;
    padding: 1rem 0;
    transition: all .2s linear;
    padding: 0 1.25rem !important
}

#bugtracker table .bug-report.gm-response {
    box-shadow: 0 0 .275rem #00abff;
    background: #19242f;
    border-radius: 1px;
    position: relative
}

@media (min-width: 1024px) {
    #bugtracker table .bug-report.gm-response:before {
        content: attr(data-translated-text);
        position: absolute;
        left: -8rem;
        padding: 5px;
        border-radius: 5px;
        background-color: #00aeff;
        top: 1.8rem;
        box-shadow: 0 0 5px #09dcffa8;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, .4196078431)
    }
}

#bugtracker table .bug-report td {
    height: 5.5rem !important;
    min-height: 5.5rem !important;
    max-height: 5.5rem !important
}

#bugtracker table .bug-report:hover {
    cursor: pointer;
    border: .0625rem solid #c9aa71;
    border-color: #c9aa71 !important
}

#bugtracker table .bug-report:hover td {
    border-color: #c9aa71 !important
}

#bugtracker table .bug-report .ui.segment {
    padding: 0;
    background: transparent
}

#bugtracker table .bug-report .pls {
    width: 1.1875rem !important;
    max-width: 1.1875rem !important
}

#bugtracker table .bug-report .placeholder-line, #bugtracker table .bug-report .placeholder-line-b {
    width: 100%;
    height: .75rem;
    border-radius: .9375rem;
    animation: placeholderShimmer 2s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #9292924d;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .08)), color-stop(15%, rgba(0, 0, 0, .15)), color-stop(30%, rgba(0, 0, 0, .08)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%)
}

#bugtracker table .bug-report .placeholder-orb {
    box-shadow: 0 0 .625rem #92929299;
    border: .0938rem solid rgba(146, 146, 146, .6);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    animation: placeholderShimmer 2s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #9292924d;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .08)), color-stop(15%, rgba(0, 0, 0, .15)), color-stop(30%, rgba(0, 0, 0, .08)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .08) 0, rgba(0, 0, 0, .15) 15%, rgba(0, 0, 0, .08) 30%)
}

#bugtracker table .bug-report .placeholder-line-b {
    margin-top: .625rem
}

#bugtracker table .bug-report td {
    height: 4.625rem;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border-top: .0625rem solid #2e2e2e;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#bugtracker table .bug-report .ticket-orb-status {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    min-height: 1.25rem;
    max-width: 1.25rem;
    max-height: 1.25rem;
    border-radius: 100%;
    display: block;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: auto;
    margin-bottom: auto
}

#bugtracker table .bug-report .ticket-orb-status.low, #bugtracker table .bug-report .ticket-orb-status.normal, #bugtracker table .bug-report .ticket-orb-status.status-0 {
    box-shadow: 0 0 .625rem #1dff70;
    background-color: #01ca71;
    border: .0938rem solid #2effaa
}

#bugtracker table .bug-report .ticket-orb-status.medium, #bugtracker table .bug-report .ticket-orb-status.status-1 {
    box-shadow: 0 0 .625rem #ffe81d;
    background-color: #c0a16c;
    border: .0938rem solid #e6d59c
}

#bugtracker table .bug-report .ticket-orb-status.high, #bugtracker table .bug-report .ticket-orb-status.status-2 {
    box-shadow: 0 0 .625rem #ff1d2c;
    background-color: #dc143c;
    border: .0938rem solid #ff587a
}

#bugtracker table .bug-report .ticket-orb-status.critical, #bugtracker table .bug-report .ticket-orb-status.status-3 {
    box-shadow: 0 0 .625rem #ff03ab;
    background-color: #ff1db4;
    border: .0938rem solid rgb(255, 29, 180)
}

#bugtracker table .bug-report .ticket-anchor {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 2.5rem
}

#bugtracker table .bug-report .ticket-first {
    display: flex;
    border-left: .0625rem solid #2e2e2e;
    padding: 0 !important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote.active {
    color: #c9aa71
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote.active {
    color: #78abe6 !important;
    filter: drop-shadow(0 0 .3125rem rgb(29, 183, 255), 171, 230)
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .arrow {
    padding: 0;
    margin: 0 auto;
    color: #585555;
    transition: all .2s ease-in-out;
    text-shadow: none
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .arrow:hover {
    cursor: pointer;
    color: #e6d59c !important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote, #bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote {
    padding: 0;
    margin: 0 auto;
    color: #585555;
    transition: all .2s ease-in-out;
    text-shadow: none;
    font-size: 1.5rem
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .upvote:hover {
    cursor: pointer;
    color: #e6d59c !important
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .downvote:hover {
    cursor: pointer;
    color: #78abe6 !important;
    filter: drop-shadow(0 0 .3125rem rgb(29, 183, 255), 171, 230)
}

#bugtracker table .bug-report .ticket-first .ticket-rating-container .score {
    color: #dcdcdc !important
}

#bugtracker table .bug-report .ticket-info-container .category {
    color: #c0a16c;
    font-weight: 700
}

#bugtracker table .bug-report .ticket-info-container .zone {
    font-size: .875rem;
    color: #dcdcdc !important
}

#bugtracker table .bug-report .ticket-id-container .identifier {
    color: #dcdcdc !important;
    font-weight: 700 !important
}

#bugtracker table .bug-report .ticket-subject-container {
    text-align: center;
    padding-left: 1rem;
    width: 21.875rem
}

#bugtracker table .bug-report .ticket-subject-container .subject {
    font-weight: 700;
    color: #c0a16c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 19.375rem;
    margin: 0 auto
}

#bugtracker table .bug-report .ticket-subject-container .description {
    font-size: .875rem;
    color: #dcdcdc !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 19.375rem;
    margin: 0 auto
}

#bugtracker table .bug-report .ticket-realm-container .realm, #bugtracker table .bug-report .ticket-priority-container .priority {
    color: #dcdcdc !important;
    text-align: left
}

#bugtracker table .bug-report .ticket-priority-container .priority-subcontainer {
    justify-content: left
}

#bugtracker table .bug-report .ticket-status-container .status {
    color: #dcdcdc !important
}

#bugtracker table .bug-report .ticket-update-container {
    border-right: .0625rem solid #2e2e2e
}

#bugtracker table .bug-report .ticket-update-container .update {
    color: #dcdcdc !important
}

#bugtracker table .bug-report .ticket-controls-container {
    padding-left: 1rem;
    padding-right: 1rem
}

#bugtracker table .bug-report.self {
    background: #573535
}

#bugtracker #ticket-nav .pagination .page-next .page-link, #bugtracker #ticket-nav .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#bugtracker #ticket-nav .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#bugtracker #ticket-nav .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#bugtracker #ticket-nav .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#bugtracker #ticket-nav .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#bugtracker #ticket-nav .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#bugtracker #ticket-nav .pagination .page-item.active {
    outline: none !important
}

#bugtracker #ticket-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#bugtrackerView .bugtracker-view.d-none {
    display: none !important
}

#bugtrackerView .page-title {
    font-size: 2rem
}

#bugtrackerView .bugtracker-view {
    position: relative;
    top: 2.5rem;
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

@media (max-width: 48rem) {
    #bugtrackerView .bugtracker-view .page-title {
        font-size: 1.1rem
    }

    #bugtrackerView .bugtracker-view .report-scoring {
        display: none
    }

    #bugtrackerView .bugtracker-view .container .left-container .report-info .select-container .mdi {
        display: none !important
    }
}

#bugtrackerView .bugtracker-view .report-name {
    padding-bottom: .25rem;
    border-bottom: .0625rem solid;
    cursor: pointer;
    max-width: 37.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#bugtrackerView .bugtracker-view .bugtracker-return {
    display: flex;
    margin-bottom: 2rem;
    padding: .5rem;
    width: 5.625rem;
    border-radius: .25rem;
    color: #c9aa71;
    margin-left: 1rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    box-shadow: 0 0 .625rem .0625rem transparent;
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #ffbe4b;
    color: #000;
    transition: all .2s ease-in-out
}

#bugtrackerView .bugtracker-view .bugtracker-return span {
    padding-right: 1rem
}

#bugtrackerView .bugtracker-view .bugtracker-return .mdi {
    margin-right: 1rem;
    color: #000;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#bugtrackerView .bugtracker-view .bugtracker-return:hover {
    color: #fff;
    background-color: #c9aa71;
    box-shadow: 0 0 .3125rem .0625rem #000;
    cursor: pointer !important
}

#bugtrackerView .bugtracker-view .bugtracker-return:hover .mdi {
    margin-right: 1rem;
    color: #fff
}

#bugtrackerView .bugtracker-view .container {
    width: 100%;
    background: transparent;
    justify-content: space-between;
    margin-bottom: 1rem
}

#bugtrackerView .bugtracker-view .container .report-scoring .report-score {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black !important
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi {
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 1.25rem;
    cursor: pointer;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black !important;
    color: #585555
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-up:hover {
    color: #c9aa71
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-up.active {
    color: #c9aa71 !important
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-down:hover {
    color: #589bff
}

#bugtrackerView .bugtracker-view .container .report-scoring .mdi-arrow-down.active {
    color: #589bff !important
}

#bugtrackerView .bugtracker-view .container .left-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#bugtrackerView .bugtracker-view .container .left-container .report-header {
    text-align: left
}

#bugtrackerView .bugtracker-view .container .left-container .report-header h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-header span {
    font-size: .75rem;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-header, #bugtrackerView .bugtracker-view .container .left-container .report-body, #bugtrackerView .bugtracker-view .container .left-container .report-footer {
    height: 4rem;
    width: 100%;
    background: #1e1e1e;
    border-radius: .5rem;
    padding: 1rem;
    box-shadow: 0 .1875rem .375rem #000000a9;
    overflow: hidden;
    overflow-wrap: break-word;
    margin-bottom: 1rem;
    border: .0625rem solid #2e2e2e
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-button {
    outline: none;
    border: none;
    padding: 1rem;
    border-radius: .3125rem;
    color: #fff !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-button.w-48 {
    width: 48%
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-button:hover {
    box-shadow: 0 0 .375rem #000;
    color: #fff
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-submit {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #ffbe4b;
    color: #000;
    font-weight: 700;
    text-transform: capitalize
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-submit:hover {
    box-shadow: 0 0 .375rem #000;
    color: #fff
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-edit {
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
    box-shadow: 0 0 .625rem .0625rem #2f80ed
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-edit:hover {
    box-shadow: 0 0 1.25rem .0625rem #56ccf2
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-close {
    background: #bdc3c7;
    background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
    background: linear-gradient(to right, #2c3e50, #bdc3c7);
    box-shadow: 0 0 .625rem .0625rem #2c3e50
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-close:hover {
    box-shadow: 0 0 1.25rem .0625rem #bdc3c7
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-hide {
    background: #F25656;
    background: -webkit-linear-gradient(to right, #ED2F2F, #F25656);
    background: linear-gradient(to right, #ED2F2F, #F25656);
    box-shadow: 0 0 .625rem .0625rem #ed2f2f
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-hide:hover {
    box-shadow: 0 0 1.25rem .0625rem #f25656
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-reopen {
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #f0561a;
    background: -linear-gradient(to right, #7a4328, #f0561a);
    background: linear-gradient(to right, #7a4328, #f0561a);
    box-shadow: 0 0 .625rem .0625rem #7a4328
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-reopen:hover {
    box-shadow: 0 0 .625rem .0625rem #f0561a
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-delete {
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important;
    background: #a73737;
    background: -webkit-linear-gradient(to right, #7a2828, #a73737);
    background: linear-gradient(to right, #7a2828, #a73737);
    box-shadow: 0 0 .625rem .0625rem #400606
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-delete:hover {
    box-shadow: 0 0 .625rem .0625rem #a73737
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-notice {
    padding: 2rem;
    width: 100%;
    border: .0625rem solid #87ddeb;
    background-color: #007cff17
}

#bugtrackerView .bugtracker-view .container .left-container .bugtracker-notice span {
    color: #fff;
    font-weight: 700;
    line-height: 1.5rem
}

#bugtrackerView .bugtracker-view .container .left-container .report-info {
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .mdi {
    color: #c9aa71 !important
}

#bugtrackerView .bugtracker-view .container .left-container .report-info h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-info span {
    font-size: .75rem;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container {
    padding: 1rem;
    width: 32%;
    max-width: 32%;
    box-shadow: 0 .1875rem .375rem #000000a9;
    background: #1e1e1e;
    border-radius: .5rem;
    border: .0625rem solid #2e2e2e
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container select, #bugtrackerView .bugtracker-view .container .left-container .report-info .select-container select option {
    background-color: #1d1d1d
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container.w-32 {
    width: 32%;
    max-width: 32%
}

#bugtrackerView .bugtracker-view .container .left-container .report-info .select-container.w-49 {
    width: 49%;
    max-width: 49%
}

#bugtrackerView .bugtracker-view .container .left-container .report-body {
    height: 25.75rem !important;
    padding: 1rem;
    text-align: left;
    overflow: hidden;
    overflow-wrap: break-word;
    overflow-y: scroll !important
}

#bugtrackerView .bugtracker-view .container .left-container .report-body h5 {
    color: #c9aa71;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .left-container .report-body span {
    font-size: .75rem;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer {
    border: .0625rem .3125rem dotted rgba(220, 220, 220, .664);
    padding: 1rem;
    display: flex
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer .attached-image {
    width: 4rem;
    height: 100%;
    background-color: #000;
    border-radius: .3125rem;
    margin-right: 1rem;
    border: .0625rem solid #c9aa71;
    transition: all .2s ease-in-out
}

#bugtrackerView .bugtracker-view .container .left-container .report-footer .attached-image:hover {
    box-shadow: 0 .1875rem .375rem #000000a9;
    scale: .95;
    opacity: .5;
    cursor: pointer
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments {
    text-align: left
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem
}

@media (max-width: 35.5rem) {
    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline {
        padding-left: 0 !important
    }

    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline:before {
        background: transparent !important;
        display: none !important
    }

    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item:before {
        display: none !important
    }

    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-type {
        display: inline-block;
        margin-bottom: .5rem
    }

    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-desc {
        display: inline-block;
        width: 100%
    }
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item {
    background-color: #1d1d1d;
    color: #f0e6d2;
    height: auto;
    border: .0625rem solid #333;
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    -ms-transition: all .5s ease-in-out !important;
    -o-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important
}

@media (max-width: 35.125rem) {
    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item {
        margin: 1.25rem 1rem !important
    }
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-subtitle {
    border-bottom: .0625rem solid #3c3c3c;
    padding-bottom: .5rem;
    -webkit-user-select: none;
    user-select: none;
    color: #c9aa71 !important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list {
    list-style-type: none;
    margin-left: 0;
    padding: 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item {
    border-bottom: .0625rem solid #3c3c3c;
    padding: 1rem 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-type {
    font-size: 1rem;
    border-radius: .3125rem;
    min-width: 5.6875rem;
    padding: .5rem;
    line-height: 2rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 0 0 .1875rem #000;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    margin-bottom: 1rem
}

@media (max-width: 35.125rem) {
    #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-type {
        width: 100% !important;
        margin-bottom: 1rem
    }
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc {
    line-height: 2rem;
    color: #fff;
    text-shadow: 0rem 0rem .1875rem black;
    white-space: pre-wrap;
    text-overflow: initial;
    word-break: normal;
    font-weight: 700
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag {
    padding: 0 .5rem;
    border-radius: 5px;
    font-weight: 700;
    display: inline-block
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-user {
    background-color: #2f80ed;
    box-shadow: 0 0 .625rem .0625rem #2f80ed
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-fixed, #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-closed {
    background-color: #27ae60;
    box-shadow: 0 0 .625rem .0625rem #27ae60
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-work-in-progress {
    background-color: #e6bd43;
    box-shadow: 0 0 .625rem .0625rem #e6bd43
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-open {
    background-color: #f2994a;
    box-shadow: 0 0 .625rem .0625rem #f2994a
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-confirmed {
    background-color: #f24c9f;
    box-shadow: 0 0 .625rem .0625rem #f24c9f
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-testing-in-progress {
    background-color: #4c4ff2;
    box-shadow: 0 0 .625rem .0625rem #4c4ff2
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-failed-qa, #bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-cant-reproduce {
    background-color: #f24c4c;
    box-shadow: 0 0 .625rem .0625rem #f24c4c
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .timeline .timeline-item .change-list .change-item .change-desc .tag-fix-in-progress {
    background-color: #61e461;
    box-shadow: 0 0 .625rem .0625rem #61e461
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #f0e6d2;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem #000
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments hr {
    height: .0625rem;
    width: 100%;
    border-bottom: .0625rem solid rgba(220, 220, 220, .377)
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .closed-notice {
    border: .0625rem solid gray;
    border-radius: .25rem;
    margin: 1rem;
    text-align: center
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .closed-notice span {
    margin: .5rem 1rem;
    color: gray
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-create {
    width: 100%;
    min-height: 12.5rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-create:focus {
    background-color: transparent !important;
    color: #dcdcdc !important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-submit {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 .3125rem .3125rem #00000026 !important;
    min-height: 2.4375rem;
    max-width: 12.5rem;
    margin-left: auto;
    margin-right: 0;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-submit:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item {
    border: .0625rem solid #2e2e2e;
    box-shadow: 0 .1875rem .375rem #000000a9;
    background: #1e1e1e;
    border-radius: .5rem;
    padding: 1rem;
    min-height: 4rem;
    margin-bottom: 1rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.pinned {
    border-color: #c9aa71 !important;
    box-shadow: 0 0 .375rem #c9aa71
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff {
    border-color: #2f80ed !important;
    box-shadow: 0 0 .625rem .0625rem #2f80ed !important;
    position: relative
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff .comment-author {
    color: #2f80ed !important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item.staff:after {
    position: absolute;
    content: "STAFF";
    background-color: #2c3e50;
    color: #2f80ed;
    font-weight: 700;
    border-radius: .3125rem;
    padding: .3125rem .625rem;
    right: .75rem;
    top: .75rem;
    text-shadow: 0rem 0rem .1875rem black
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item h5 {
    color: #c0a16c;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item span {
    font-size: .75rem;
    color: #dcdcdc
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring {
    margin-right: 1rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .comment-score {
    color: gray;
    font-weight: 700;
    text-align: center
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content {
    margin-top: .2rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-edit-text {
    border: .0625rem solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem;
    margin-bottom: .5rem 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-text p {
    margin: .25rem 0
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .comment-date {
    color: gray;
    margin-left: .5rem;
    font-size: .75rem;
    line-height: 1.2rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .mod-actions span {
    cursor: pointer;
    color: gray;
    margin-right: .5rem;
    font-size: .75rem;
    line-height: 1.2rem;
    margin-top: .2rem;
    text-decoration: underline;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .comment-content .mod-actions span:hover {
    color: #c9aa71
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi {
    font-weight: 700;
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 1.125rem
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-up:hover {
    color: #c9aa71;
    cursor: pointer
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-up.active {
    color: #c9aa71 !important
}

#bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-down:hover, #bugtrackerView .bugtracker-view .container .bugtracker-comments .comment-list .comment-item .scoring .mdi-arrow-down.active {
    color: #589bff !important;
    cursor: pointer
}

.bugtrackerCreate input {
    height: 100%;
    width: 100%;
    border-radius: .3125rem;
    padding: .5rem 1rem
}

.bugtrackerCreate select {
    -webkit-appearance: menulist !important;
    height: 100%;
    width: 100%;
    border-radius: .3125rem
}

.bugtrackerCreate textarea {
    border-width: .0625rem;
    border-style: solid;
    border-color: #444951;
    background: transparent !important;
    color: #979a9f !important;
    height: 100%;
    width: 100%;
    border-radius: .3125rem;
    padding: 1rem;
    min-height: 100%;
    resize: none
}

.page-wrapper-referrals {
    padding-top: 4rem !important
}

.page-wrapper-referrals #page-img-container {
    display: none !important
}

.page-wrapper-referrals .animate__delay-500ms {
    animation-delay: 500
}

.page-wrapper-referrals .animate__delay-1s {
    animation-delay: 1000
}

.page-wrapper-referrals #intro {
    width: 100vw;
    height: 43.75rem;
    background-image: url(https://dummyimage.com/1920x700/bababa/ffffff);
    background-size: cover;
    background-position: center;
    padding-top: 3rem;
    position: relative
}

.page-wrapper-referrals #intro:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(0, 0, 0, .2196078431)
}

.page-wrapper-referrals #intro:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
    content: "";
    z-index: 1;
    background: linear-gradient(rgba(39, 33, 28, 0), #26211d)
}

.page-wrapper-referrals #intro .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    position: relative
}

.page-wrapper-referrals #intro .container h1 {
    font-size: 2.5rem !important;
    line-height: 3.25rem;
    font-weight: 700;
    margin: 1.25rem 0;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #intro .container h5 {
    width: 31.25rem;
    font-weight: lighter;
    text-shadow: 0 0 .3125rem rgba(0, 0, 0, .5), 0 .125rem .3125rem rgba(0, 0, 0, .5)
}

.page-wrapper-referrals #intro .container .step-item {
    width: 18.75rem;
    position: relative
}

.page-wrapper-referrals #intro .container .step-item:nth-child(1) {
    z-index: 3
}

.page-wrapper-referrals #intro .container .step-item:nth-child(2) {
    z-index: 2
}

.page-wrapper-referrals #intro .container .step-item:nth-child(3) {
    z-index: 1
}

.page-wrapper-referrals #intro .container .step-item:nth-child(1):after, .page-wrapper-referrals #intro .container .step-item:nth-child(2):after {
    position: absolute;
    content: "➝";
    color: #c9aa71 !important;
    font-weight: 700;
    font-size: 2rem;
    top: 37%;
    right: -3.5rem;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #intro .container .step-item img {
    box-shadow: 0 0 .0625rem transparent, 0 .3125rem .5rem #000c;
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.page-wrapper-referrals #intro .container .step-item .step-text {
    padding-top: 1rem;
    display: inline-block;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    font-weight: 700;
    display: block;
    text-align: center
}

.page-wrapper-referrals .btn.primary-btn {
    color: #000 !important;
    background-color: #c9aa71;
    border: .0625rem solid transparent !important;
    outline: none;
    box-shadow: none;
    text-shadow: none !important;
    padding: .5rem 1.5rem;
    box-shadow: 0 0 .4375rem .125rem #0006 !important;
    font-size: 1.15rem
}

.page-wrapper-referrals .btn.primary-btn:hover {
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: transparent !important;
    box-shadow: none !important
}

.page-wrapper-referrals #info {
    width: 100vw;
    height: 31.25rem;
    background: url(https://api.ascension.gg/assets/25510230.png) no-repeat;
    background-size: 105% 105%;
    background-position: center
}

.page-wrapper-referrals #info .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.page-wrapper-referrals #info .container .veteran-container {
    width: 34.375rem
}

.page-wrapper-referrals #info .container .veteran-container .top span {
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    font-weight: 700;
    color: #c9aa71;
    font-size: 2rem;
    text-transform: uppercase;
    margin-left: -.125rem
}

.page-wrapper-referrals #info .container .veteran-container .top p {
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    color: #dcdcdc
}

.page-wrapper-referrals #info .container .veteran-container .bottom .extra-title {
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.2rem;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    text-transform: uppercase
}

.page-wrapper-referrals #info .container .veteran-container .bottom .extra-text {
    color: #dcdcdc;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #info .container img {
    box-shadow: 0 0 .0625rem transparent, 0 .3125rem .5rem #000c;
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.page-wrapper-referrals #follow {
    position: relative;
    width: 100vw;
    height: 50rem;
    background: url(https://api.ascension.gg/assets/fddc1176.png) no-repeat;
    background-size: cover;
    background-position: center;
    border-top: .0313rem solid rgb(85, 85, 85)
}

.page-wrapper-referrals #follow:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .2196078431)
}

.page-wrapper-referrals #follow .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    z-index: 1
}

.page-wrapper-referrals #follow .container h1 {
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    font-weight: 700
}

.page-wrapper-referrals #follow .container .faq-group {
    z-index: 2
}

.page-wrapper-referrals #follow .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: .0625rem solid #c9aa71
}

.page-wrapper-referrals #follow .container .faq-group .faq-list {
    padding-left: 1rem
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: .0625rem solid rgba(128, 128, 128, .5)
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

.page-wrapper-referrals #follow .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

.pending .discount-dropdown {
    background-color: #1e1e1e !important;
    color: #f0c87d !important;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

.pending .discount-text {
    line-height: 2.5rem;
    font-weight: 700;
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem;
    position: relative;
    text-shadow: 0rem 0rem .3125rem #ff5400
}

.pending .discount-clarification {
    color: #dcdcdc;
    line-height: 2.5rem;
    font-weight: 700;
    text-shadow: 0 0 .3125rem black
}

.pending .discount-color {
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

@media (max-width: 48rem) {
    #infographic .container {
        margin-bottom: 0
    }

    #infographic .container .card-header h3 {
        font-size: 1.0625rem !important
    }

    #infographic .container .card-body {
        padding: 1.25rem !important
    }

    #infographic .container .card-body .table {
        margin-bottom: 0 !important
    }

    #infographic .container .card-body .table thead tr .category {
        display: none
    }

    #infographic .container .card-body .table thead th, #infographic .container .card-body .table tbody tr td {
        font-size: .75rem
    }

    #infographic .container .card-body .table tbody tr td:nth-of-type(n) {
        border-left: .0625rem solid #34383d !important
    }

    #infographic .container .card-body .table tbody .category {
        vertical-align: middle;
        text-align: center;
        font-weight: 700;
        color: #000 !important;
        background-color: #c9aa71;
        display: none !important
    }
}

#infographic .container table.table {
    background-color: #1e1e1e
}

#infographic .container .ucp-card {
    margin-bottom: 1.875rem
}

#infographic .container .ucp-card .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#infographic .container .ucp-card .card-header {
    padding: 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#infographic .container .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer
}

#infographic .container .ucp-card .card-header .link-container i {
    margin-left: .3125rem;
    margin-top: .25rem;
    margin-right: .3125rem;
    font-size: .8125rem
}

#infographic .container .ucp-card .card-header:hover {
    background-color: #262626
}

#infographic .container .ucp-card .card-header h3 {
    font-size: 1.25rem !important
}

#infographic .container .ucp-card .card-header h3, #infographic .container .ucp-card .card-header h5 {
    margin: 0 !important;
    padding: 0 !important
}

#infographic .container .ucp-card .card-body {
    padding: 2.5rem;
    justify-content: center !important
}

#infographic .container .ucp-card .card-body .info-card .info-label {
    color: #c9aa71 !important;
    font-weight: 700
}

#infographic .container .ucp-card .card-body .info-card .info-value {
    border: none !important;
    color: #fff !important;
    font-size: 1.125rem;
    padding-left: 0rem !important
}

#infographic .container .ucp-card .card-body .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#infographic .container .ucp-card .card-body .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#infographic .container .ucp-card .card-body .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#infographic .container .ucp-card .card-body .table {
    width: 100%
}

#infographic .container .ucp-card .card-body .table tbody .category {
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    color: #000 !important;
    background-color: #c9aa71
}

#infographic .container .ucp-card .card-body .table thead tr {
    text-align: center;
    border-top: none !important
}

#infographic .container .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .0625rem solid #34383d !important;
    padding-top: 0
}

#infographic .container .ucp-card .card-body .table tbody tr {
    text-align: center
}

#infographic .container .ucp-card .card-body .table tbody tr td {
    color: #ffffff80 !important;
    border-bottom: .0625rem solid #34383d !important;
    border-top: none !important;
    vertical-align: middle;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#infographic .container .ucp-card .card-body .table tbody tr td a {
    text-decoration: underline !important
}

#infographic .container .ucp-card .card-body .table tbody tr td:nth-of-type(3n) {
    border-left: .0625rem solid #34383d !important;
    border-right: .0625rem solid #34383d !important
}

#infographic .container .ucp-card .card-body .table tbody tr td:nth-of-type(4n) {
    border-right: .0625rem solid #34383d !important
}

#bosses .container table.table {
    background-color: #1e1e1e
}

#bosses .container .realm-switch .btnOne, #bosses .container .realm-switch .btnTwo, #bosses .container .realm-switch .btnThree {
    background-color: #1d1d1d;
    box-shadow: 0 .1875rem .375rem #000000a9;
    color: #dcdcdc;
    text-shadow: none;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border: .0625rem solid transparent !important;
    outline: none !important
}

#bosses .container .realm-switch .btnOne.active, #bosses .container .realm-switch .btnTwo.active, #bosses .container .realm-switch .btnThree.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #ffbe4b;
    color: #000
}

#bosses .container .realm-switch .btnOne.active:hover, #bosses .container .realm-switch .btnTwo.active:hover, #bosses .container .realm-switch .btnThree.active:hover {
    border: .0625rem solid #c9aa71 !important;
    color: #fff !important;
    background-color: #c9aa71 !important
}

#bosses .container .realm-switch .btnOne:hover, #bosses .container .realm-switch .btnTwo:hover, #bosses .container .realm-switch .btnThree:hover {
    cursor: pointer;
    border: .0625rem solid #c9aa71 !important;
    color: #c9aa71 !important;
    background-color: #1d1d1d !important
}

@media (max-width: 48rem) {
    #bosses .container .realm-switch .btnOne, #bosses .container .realm-switch .btnTwo, #bosses .container .realm-switch .btnThree {
        font-size: .875rem !important;
        padding: 0rem .3125rem !important;
        margin-top: 1rem
    }
}

#bosses .container .realm-switch .btnOne {
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

#bosses .container .realm-switch .btnThree {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

#bosses .container .realm-switch .ui.button.active {
    background-color: #c9aa71;
    box-shadow: 0 0 .375rem #c9aa71;
    color: #000
}

#bosses .container .realm-switch .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #351e1e;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.7;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    -webkit-box-shadow: 0 0 0 .0625rem transparent inset;
    box-shadow: 0 0 0 .0625rem transparent inset
}

#bosses .container .ucp-card {
    margin-bottom: 1.875rem
}

#bosses .container .ucp-card .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#bosses .container .ucp-card .card-header {
    padding: 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#bosses .container .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer
}

#bosses .container .ucp-card .card-header .link-container i {
    margin-left: .3125rem;
    margin-top: .25rem;
    margin-right: .3125rem;
    font-size: .8125rem
}

#bosses .container .ucp-card .card-header:hover {
    background-color: #262626
}

#bosses .container .ucp-card .card-header h3 {
    font-size: 1.25rem !important
}

#bosses .container .ucp-card .card-header h3, #bosses .container .ucp-card .card-header h5 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 2.3125rem
}

@media (max-width: 48rem) {
    #bosses .container .ucp-card .card-header {
        padding: 1.875rem .3125rem !important
    }

    #bosses .container .ucp-card .card-header h3 {
        font-size: 1rem !important
    }
}

#bosses .container .ucp-card .card-body {
    padding: 2.5rem;
    justify-content: center !important
}

#bosses .container .ucp-card .card-body .table {
    width: 100%
}

#bosses .container .ucp-card .card-body .table tbody .category {
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    color: #000 !important;
    background-color: #282828
}

#bosses .container .ucp-card .card-body .table thead tr {
    text-align: center;
    border-top: none !important
}

#bosses .container .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .0625rem solid #34383d !important;
    padding-top: 0
}

@media (max-width: 48rem) {
    #bosses .container .ucp-card .card-body .table thead tr th {
        font-size: .75rem !important
    }
}

#bosses .container .ucp-card .card-body .table tbody tr {
    text-align: center
}

#bosses .container .ucp-card .card-body .table tbody tr td {
    color: #ffffff80 !important;
    border-bottom: .0625rem solid #34383d !important;
    border-top: none !important;
    vertical-align: middle;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(n) {
    width: 10%
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(3n) {
    border-left: .0625rem solid #34383d !important;
    border-right: .0625rem solid #34383d !important
}

#bosses .container .ucp-card .card-body .table tbody tr td:nth-of-type(4n) {
    border-right: .0625rem solid #34383d !important
}

#bosses .container .ucp-card .card-body .table tbody tr td .boss-container .boss-img {
    border-radius: .625rem;
    box-shadow: 0 0 .5rem #0000004d !important
}

#bosses .container .ucp-card .card-body .table tbody tr td .boss-container span {
    margin-top: .3125rem;
    text-shadow: 0rem 0rem .1875rem #000, 0rem 0rem .3125rem #000;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: capitalize
}

@media (max-width: 48rem) {
    #bosses .container .ucp-card .card-body .table tbody tr td .boss-container .boss-img {
        height: 3.125rem !important;
        width: 3.125rem !important
    }

    #bosses .container .ucp-card .card-body .table tbody tr td .boss-container span {
        font-size: .875rem
    }

    #bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-title {
        font-size: .75rem
    }

    #bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-remaining {
        font-size: .875rem !important
    }
}

#bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-title {
    font-weight: 700;
    color: #dcdcdc;
    padding: .3125rem 0;
    text-shadow: 0rem 0rem .1875rem #000, 0rem 0rem .3125rem #000
}

#bosses .container .ucp-card .card-body .table tbody tr td .timer-container .timer-remaining {
    text-shadow: 0rem 0rem .1875rem #000, 0rem 0rem .3125rem #000;
    font-weight: 700;
    font-size: 1.375rem
}

#bosses .container .ucp-card .card-body .table tbody tr td a {
    text-decoration: underline !important
}

#timeline-board {
    scroll-margin-top: 100px !important
}

#timeline-board .timeline-buttons {
    padding-bottom: 1rem;
    border-bottom: 1px solid gray
}

#timeline-board .timeline-buttons .timeline-btn {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    font-size: 1.25rem;
    border: 1px solid #c9aa71 !important;
    border-radius: 5px !important
}

#timeline-board .timeline-buttons .timeline-btn#active {
    background-color: #c9aa71 !important;
    color: #262626 !important;
    box-shadow: 0 0 15px #c4943b
}

#timeline-board .timeline .timeline-line {
    width: 2px;
    background: #C9AA71;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    height: 100%
}

#timeline-board .timeline .timeline-wrapper {
    display: flex;
    justify-content: center
}

#timeline-board .timeline .timeline-wrapper .timeline-item {
    width: 325px;
    aspect-ratio: 16/9;
    background: rgb(61, 61, 61);
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 0 10px #000;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto
}

#timeline-board .timeline .timeline-wrapper .timeline-item h2 {
    color: #c9aa71;
    text-shadow: 0px 0px 5px black;
    -webkit-filter: drop-shadow(0px 0px 1px black);
    font-size: 1.2rem !important;
    text-align: left !important
}

#timeline-board .timeline .timeline-wrapper .timeline-item p {
    text-shadow: 0px 0px 5px black;
    -webkit-filter: drop-shadow(0px 0px 1px black)
}

#timeline-board .timeline .timeline-wrapper .timeline-item .timeline-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    filter: brightness(.8)
}

#timeline-board .timeline .timeline-wrapper .timeline-item .timeline-content {
    z-index: 1;
    position: relative
}

#timeline-board .timeline .timeline-wrapper .timeline-item .timeline-content .timeline-timer p, #timeline-board .timeline .timeline-wrapper .timeline-item .timeline-content .timeline-timer .mdi {
    text-shadow: 0px 0px 5px black;
    -webkit-filter: drop-shadow(0px 0px 1px black)
}

@media only screen and (min-width: 768px) {
    #timeline-board .timeline .timeline-wrapper {
        justify-content: normal
    }

    #timeline-board .timeline .timeline-wrapper:nth-of-type(2n) {
        justify-content: end
    }

    #timeline-board .timeline .timeline-wrapper .timeline-item {
        width: 525px;
        padding: 1rem;
        margin: 1rem 0
    }

    #timeline-board .timeline .timeline-wrapper .timeline-item h2 {
        font-size: 1.8rem !important
    }

    #timeline-board .timeline .timeline-wrapper .timeline-item .timeline-content .timeline-timer p, #timeline-board .timeline .timeline-wrapper .timeline-item .timeline-content .timeline-timer .mdi {
        font-size: 1.2rem !important
    }
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/4574e0ba.ttf) format("truetype");
    font-weight: 700;
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/af54eef5.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/93b95eca.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Friz Quadrata;
    src: url(../fonts/98aa1aff.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/e76132f9.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/97b5efe8.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Beaufort;
    src: url(../fonts/098f019d.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/0d138d6b.ttf) format("truetype");
    font-style: bold italic;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/be692b18.ttf) format("truetype");
    font-style: italic, oblique;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/88a24213.ttf) format("truetype");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: Em;
    src: url(../fonts/efa0c604.ttf) format("truetype");
    font-display: swap
}

footer {
    position: relative;
    bottom: 0;
    z-index: 97
}

@media (max-width: 36rem) {
    footer {
        padding-bottom: 0 !important
    }
}

footer .footer-social {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    border-top: .125rem solid #262626;
    width: 100vw !important;
    min-width: 100vw !important;
    background-color: #1b1b1b
}

@media (max-width: 36rem) {
    footer .footer-social {
        padding: 1rem 0 !important
    }

    footer .footer-social .social-button {
        height: 2.5rem !important;
        width: 2.5rem !important
    }

    footer .footer-social .social-button div img {
        height: 1.25rem !important;
        width: 1.25rem !important;
        -webkit-user-select: none;
        user-select: none
    }
}

footer .footer-social .social-button {
    height: 4.625rem;
    width: 4.625rem;
    border: .0625rem solid gainsboro;
    box-shadow: 0 0 .125rem #dcdcdc;
    border-radius: 50%;
    margin: 0 1rem;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

footer .footer-social .social-button:hover {
    border: .0625rem solid #c9aa71;
    box-shadow: 0 0 .125rem #c9aa71
}

footer .footer-social .social-button:hover div img {
    -webkit-user-select: none;
    user-select: none;
    filter: invert(100%) sepia() saturate(800%) hue-rotate(-4deg)
}

footer .footer-social .social-button div img {
    -webkit-user-select: none;
    user-select: none;
    filter: invert(100%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

footer .footer-main {
    background-color: #121212;
    border-top: .125rem solid #262626;
    width: 100vw !important;
    min-width: 100vw !important;
    height: 9.375rem !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (max-width: 47.9375rem) {
    footer .footer-main {
        height: 15.625rem !important;
        padding: 0 1rem
    }

    footer .footer-main .footer-content {
        justify-content: center
    }

    footer .footer-main .footer-content .footer-text {
        margin-left: 1rem;
        font-size: 1rem;
        color: #8c8c8c
    }

    footer .footer-main .footer-content .footer-text hr {
        border-top: .0625rem solid rgba(255, 255, 255, .1)
    }

    footer .footer-main .footer-content .footer-text .link-list {
        display: flex;
        flex-direction: column;
        height: auto
    }

    footer .footer-main .footer-content .footer-text a {
        margin: 0;
        padding: 0;
        line-height: 2rem !important;
        font-size: 1rem;
        color: red !important;
        display: block
    }
}

footer .footer-main .footer-content {
    justify-content: center
}

footer .footer-main .footer-content .footer-text {
    margin-left: 1rem;
    font-size: 1rem;
    color: #8c8c8c
}

footer .footer-main .footer-content .footer-text hr {
    border-top: .0625rem solid rgba(255, 255, 255, .1)
}

footer .footer-main .footer-content .footer-text a {
    margin: 0;
    padding: 0;
    line-height: 1rem;
    font-size: 1rem;
    color: #c9aa71 !important
}

footer .container {
    margin-bottom: 0 !important
}

@media (max-width: 62.5rem) {
    #footer_logo {
        display: none
    }

    footer .container .footer-content .footer-text {
        text-align: center;
        margin-left: 0 !important
    }
}

html {
    scroll-behavior: smooth !important
}

body {
    height: 100%
}

@media (min-width: 1000px) {
    body {
        overflow: initial !important
    }
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Pro" !important
}

html, body {
    position: relative !important;
    overflow-x: hidden !important
}

.select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important
}

.btn-recovery {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

.btn-recovery:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

.recovery-modal-code {
    padding: 1rem;
    background: black;
    border: .0625rem solid gray;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.625rem;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.recovery-modal-code:hover:after {
    pointer-events: none !important;
    z-index: -1;
    opacity: 0
}

.recovery-modal-code:after {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: block;
    content: "Hover to show code";
    background-color: #1e1d1d;
    line-height: 3.75rem;
    font-size: 1rem;
    cursor: pointer
}

.desaturate {
    filter: saturate(0%)
}

#dynamic-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 5rem;
    background-color: #131415;
    border-top: .0625rem solid #C9AA71;
    z-index: 99
}

#dynamic-notice .dynamic-notice-text {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 5rem;
    padding: 0 1rem;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1250px) {
    #dynamic-notice .dynamic-notice-text {
        width: 50%;
        line-height: 2rem;
        padding: 2rem
    }
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-link {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-link:hover {
    color: #c9aa71
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 5rem;
    width: 5rem;
    background-color: #131415;
    border: .0625rem solid #C9AA71;
    line-height: 5rem;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-close:hover {
    background-color: #1e1d1d
}

#dynamic-notice .dynamic-notice-text .dynamic-notice-close .mdi {
    color: #c9aa71;
    font-size: 2rem
}

#dynamic-notice .dynamic-notice-button {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 1rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#dynamic-notice .dynamic-notice-button:hover {
    color: #c9aa71
}

.dynamic-cart {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 100%;
    line-height: 3.75rem;
    text-align: center;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    opacity: .75;
    box-shadow: 0 0 .3125rem .0625rem #c9aa71 !important;
    border: .0625rem solid #C9AA71;
    background-color: #131415;
    z-index: 98;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.dynamic-cart:hover {
    opacity: 1
}

.dynamic-cart i {
    color: #c9aa71 !important;
    filter: drop-shadow(0 0 .3125rem .0625rem #C9AA71 !important);
    font-size: 1.8rem;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    cursor: pointer;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.dynamic-cart:hover {
    box-shadow: 0 0 .3125rem .0625rem #fff !important;
    border: .0625rem solid white
}

.dynamic-cart:hover i {
    color: #fff !important
}

.dynamic-cart:after {
    content: attr(data-quantity);
    font-size: 1rem;
    background: crimson;
    color: #fff;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    line-height: 1.875rem;
    position: absolute;
    top: -1rem;
    right: -.5rem;
    display: block;
    text-shadow: 0 0 .1875rem #000, 0 0 .1875rem #000 !important
}

.height-500 {
    min-height: 31.25rem !important;
    height: auto !important
}

.page-wrapper-shop-item-bg {
    background-image: url(https://i.imgur.com/lgnL0Ga.jpg);
    background-size: contain;
    background-position-x: -12.5rem;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.ucp-side-dimmer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -ms-transition: all .35s linear;
    -o-transition: all .35s linear;
    transition: all .35s linear;
    will-change: auto
}

.ucp-side-dimmer.active {
    background: rgba(0, 0, 0, .634);
    backdrop-filter: blur(.9375rem);
    -webkit-backdrop-filter: blur(.9375rem)
}

a {
    text-decoration: none !important
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent !important
}

span.btn-default, .btn.btn-default {
    color: #c9aa71;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-color: #fff;
    border: .0625rem solid #2e2e2e !important
}

.btn {
    height: auto !important
}

.btn-outline-primary {
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71;
    border-color: #c9aa71 !important
}

.btn-outline-primary:hover {
    color: #000 !important
}

.swal2-modal {
    width: 29.875rem;
    opacity: 1;
    pointer-events: none;
    background-color: #121212 !important;
    text-align: center;
    border-radius: .3125rem;
    position: static;
    margin: 1.25rem auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: opacity .2s, -webkit-transform .3s;
    transition: transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s, -webkit-transform .3s
}

.swal2-icon--success:after, .swal2-icon--success:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 3.75rem;
    height: 7.5rem;
    background-color: #121212 !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon--success__hide-corners {
    width: .3125rem;
    height: 5.625rem;
    background-color: #121212 !important;
    padding: .0625rem;
    position: absolute;
    left: 1.75rem;
    top: .5rem;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon--success__line {
    height: .3125rem;
    background-color: #73d23d !important;
    display: block;
    border-radius: .125rem;
    position: absolute;
    z-index: 2
}

.swal2-icon.swal2-info {
    border-color: #c9aa71 !important;
    color: #c9aa71 !important
}

.swal2-title {
    color: #c9aa71 !important;
    font-weight: 600;
    text-transform: none;
    position: relative;
    display: block;
    padding: .8125rem 1rem;
    font-size: 1.6875rem;
    line-height: normal;
    text-align: center;
    margin-bottom: 0
}

.swal2-text {
    font-size: 1rem;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 .625rem;
    font-weight: 400;
    color: #ffe4c7 !important;
    max-width: calc(100% - 1.25rem);
    overflow-wrap: break-word;
    box-sizing: border-box
}

.swal2-icon--success__ring {
    width: 5rem;
    height: 5rem;
    border: .25rem solid hsl(98.3, 62.3%, 53.1%) !important;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -.25rem;
    top: -.25rem;
    z-index: 2
}

.swal2-styled {
    background-color: #c9aa71 !important;
    color: #000 !important;
    border: none;
    box-shadow: none;
    border-radius: .3125rem;
    font-weight: 600;
    font-size: .875rem;
    padding: .625rem 1.5rem;
    margin: 0;
    cursor: pointer;
    box-shadow: 0 0 1.25rem .0625rem #625030 !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.swal2-styled:hover {
    box-shadow: 0 0 1.25rem .0625rem #c9aa71 !important
}

body {
    overflow-x: hidden !important;
    color: #fff
}

#page-loader {
    padding-top: 4.375rem;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #1d1d1d
}

#page-wrapper {
    position: relative;
    min-height: 100vh
}

#page-wrapper #content-wrapper {
    min-height: 110vh;
    padding-top: 10rem
}

@media (max-width: 36rem) {
    #page-wrapper #content-wrapper {
        padding-top: 5rem !important
    }
}

#page-wrapper #content-wrapper-arrival {
    min-height: 100vh;
    height: auto !important
}

#page-wrapper #content-wrapper-home {
    min-height: 110vh;
    padding-top: 0
}

.ucp .content-wrapper {
    border-top: .0625rem solid #776f5d
}

.vertical-center {
    min-height: 55vh !important;
    display: flex;
    align-items: center
}

.footer {
    height: auto
}

.footer .container {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.maincontainer {
    height: 100%
}

#page-img-container {
    width: 100vw;
    display: flex
}

#page-img-container #page_background {
    position: absolute;
    pointer-events: none !important;
    top: 0rem;
    -webkit-user-select: none !important;
    user-select: none !important;
    object-position: center
}

@media screen and (max-width: 2560px) {
    #page-img-container #page_background {
        left: -49% !important
    }
}

#page-full-img-container {
    width: 100vw;
    display: flex
}

#page-full-img-container #page_background-full {
    position: absolute;
    top: 0rem;
    width: 100%
}

.page-title {
    color: #f0e6d2;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black !important
}

.page-title h2 {
    color: #c8aa6e;
    text-transform: uppercase
}

.swal2-container .swal2-modal .swal2-actions button {
    width: 100%
}

.swal2-container .swal2-modal .swal2-footer .swal2-button-container, .swal2-container .swal2-modal .swal2-footer .swal2-button-container .swal2-button {
    width: 100% !important
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important
}

.asc-button {
    background-color: #c9aa71;
    border-radius: .3125rem;
    color: #000 !important;
    border: none !important;
    box-shadow: 0 0 .3125rem .0625rem #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.asc-button:hover {
    box-shadow: 0 0 .3125rem .0625rem #c9aa71;
    color: #000 !important
}

.asc-hover {
    cursor: pointer
}

.asc-default-hover {
    box-shadow: 0 0 .0625rem #c9aa71 inset, 0 0 .0625rem #c9aa71 !important;
    transition: box-shadow .3s ease-in-out !important;
    transition: transform .3s ease-in-out !important;
    -moz-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 1.25rem #0000 !important;
    position: relative !important
}

.asc-default-hover:hover {
    cursor: pointer;
    -moz-box-shadow: 0 0 1.875rem #c9aa71 !important;
    -webkit-box-shadow: 0 0 1.875rem #c9aa71 !important;
    box-shadow: 0 0 1.875rem #c9aa71 !important;
    transform: scale(1.05) !important;
    z-index: 999 !important
}

.none {
    visibility: hidden
}

.hidden {
    opacity: 0;
    visibility: hidden
}

.error-text {
    color: #a22605;
    font-size: 1.125rem !important;
    font-weight: 700;
    font-family: sans-serif;
    position: relative;
    bottom: 1rem
}

.destroy {
    display: none
}

.dropdown-menu .show {
    z-index: 9999
}

@media (max-width: 36rem) {
    .d-sm-down-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .text-sm-down-center {
        text-align: center !important
    }

    .justify-content-sm-center {
        justify-content: center
    }

    .nav-panel-realms {
        margin-bottom: 1rem
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
}

@media (max-width: 64rem) {
    .d-md-down-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width: 74.9375rem) {
    .d-lg-down-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (min-width: 75rem) {
    .d-xl-down-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width: 35.9375rem) {
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important
    }
}

@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important
    }
}

@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl {
        display: none !important
    }
}

@media (min-width: 62rem) and (max-width: 74.9375rem) {
    .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl {
        display: none !important
    }
}

@media (min-width: 75rem) {
    .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg {
        display: none !important
    }

    .mb-sm-4 {
        margin-bottom: 0 !important
    }
}

@media (max-width: 35.5rem) {
    #faqboard {
        padding-left: 1.5625rem !important;
        padding-right: 1.5625rem !important
    }

    #faqboard .searchinputrow {
        width: 85%
    }
}

.effect-glare {
    overflow: hidden !important
}

.effect-glare:after {
    content: "";
    position: absolute;
    top: -58%;
    left: -18%;
    width: 150%;
    height: 150%;
    background-image: linear-gradient(hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .25) 48%, hsla(0, 0%, 100%, 0) 52%);
    transform: rotate(24deg);
    opacity: .3;
    transition: transform .5s ease, opacity .5s ease;
    pointer-events: none;
    z-index: 5
}

.effect-glare:hover {
    box-shadow: 0 .4375rem .9375rem .25rem #0000004d !important;
    transform: perspective(62.5rem) rotateX(8deg) scale(1.1) !important;
    z-index: 10 !important
}

.effect-glare:hover:after {
    transform: rotate(24deg) translateY(8%) !important;
    opacity: .6 !important
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}

.multiselect__spinner:after, .multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation: a 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    animation: a 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #c9aa71 !important
}

.multiselect * {
    box-sizing: border-box
}

.multiselect--disabled {
    background: #262626;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 3
}

.multiselect--active .multiselect__select {
    transform: rotate(180deg)
}

.multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input:-ms-input-placeholder {
    color: #c9aa71 !important
}

.multiselect__input::placeholder {
    color: #c9aa71 !important
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__current, .multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #999 transparent transparent;
    content: ""
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #2e2e2e !important;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #262626 !important;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 3;
    -webkit-overflow-scrolling: touch
}

.multiselect__option--highlight {
    background: #262626;
    outline: none;
    color: #fff
}

.multiselect__option--selected {
    background: #262626;
    color: #c9aa71 !important;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: #fff !important
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
    background: #1e1e1e;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #262626 !important;
    color: #a6a6a6 !important;
    opacity: .5;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: pink;
    color: #c9aa71 !important
}

.multiselect__option--group.multiselect__option--highlight {
    background: #c9aa71 !important;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #c9aa71 !important
}

.multiselect-enter-active, .multiselect-leave-active {
    transition: all .15s ease
}

.custom__tag {
    display: inline-block;
    padding: 3px 12px;
    background: #262626;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 10px;
    cursor: pointer
}

.custom__tag:nth-child(2n) {
    background: #262626
}

.custom__tag:hover {
    background: #2e2e2e
}

.custom__remove {
    padding: 0;
    font-size: 10px;
    margin-left: 5px
}

.multiselect__clear {
    position: absolute;
    right: 41px;
    height: 40px;
    width: 40px;
    display: block;
    cursor: pointer;
    z-index: 2
}

.multiselect__clear:after, .multiselect__clear:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 16px;
    background: #aaa;
    top: 12px;
    right: 4px
}

.multiselect__clear:before {
    transform: rotate(45deg)
}

.multiselect__clear:after {
    transform: rotate(-45deg)
}

.option__image {
    max-height: 80px;
    margin-right: 10px
}

.option__desc, .option__image {
    display: inline-block;
    vertical-align: middle
}

.multiselect__option--group {
    background: #c9aa71 !important;
    color: #000 !important;
    font-weight: 700 !important
}

.multiselect__option--selected {
    background: #262626 !important;
    color: #fff !important;
    font-weight: 700
}

.multiselect__option {
    border-top: 1px solid #1e1e1e !important
}

.multiselect__option:not(.multiselect__option--group) {
    padding-left: 2rem
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #2e2e2e !important;
    background: #1e1e1e !important;
    font-size: 14px
}

.multiselect__input {
    margin-top: 1rem
}

.multiselect__single {
    background: transparent !important
}

.typo__label {
    color: #dcdcdc !important
}

.multiselect__tags {
    -webkit-user-select: none !important;
    user-select: none !important
}

.multiselect__content-wrapper {
    background-color: #2e2e2e !important;
    padding-top: 1rem;
    border: 1px solid gray !important;
    border-top: 2px solid gray !important
}

.multiselect__tag {
    background: #c9aa71 !important;
    color: #000 !important
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: wheat !important
}

.multiselect__tag-icon:after {
    content: "×";
    color: #000 !important;
    font-size: 14px
}

@media only screen and (max-width: 91.9375rem) and (min-width: 88.8125rem) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 7.5rem !important;
        width: 7.5rem !important
    }
}

@media only screen and (max-width: 88.75rem) and (min-width: 85.25rem) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 6.25rem !important;
        width: 6.25rem !important
    }
}

@media only screen and (max-width: 85rem) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        height: 1.055rem !important;
        width: 1.875rem !important
    }
}

@media only screen and (max-width: 85.1875rem) and (min-width: 82.125rem) {
    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 6.25rem !important;
        width: 6.25rem !important
    }
}

@media only screen and (max-width: 81.125rem) and (min-width: 73rem) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none !important
    }
}

@media only screen and (max-width: 63.125rem) and (min-width: 46.875rem) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none !important
    }

    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 8.75rem !important;
        width: 8.75rem !important
    }
}

@media only screen and (max-width: 31.25rem) {
    #ucpboard .discount-ul .discount-li .discount-li-img {
        display: none !important
    }

    #ucpboard .discount-ul .discount-li .discount-item-link {
        max-width: 7.5rem !important;
        width: 7.5rem !important
    }
}

#ucpboard .disabled {
    pointer-events: none !important
}

#ucpboard .container {
    padding: 0rem .875rem
}

#ucpboard .d-none-ucp, #ucpboard .none {
    display: none
}

#ucpboard .card-body hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0rem;
    border-top: .0625rem solid rgba(255, 255, 255, .1);
    width: 92%
}

#ucpboard .btn-disabled {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important;
    pointer-events: none !important;
    opacity: .5 !important;
    color: #595757
}

#ucpboard .icon-button {
    padding: .125rem;
    border: .0625rem solid #4a4a4a;
    border-radius: .1875rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer
}

#ucpboard .icon-button:hover {
    color: #c9aa71;
    border-color: #c9aa71;
    background-color: #222
}

#ucpboard .bs-tooltip-top, #ucpboard .bs-tooltip-auto[x-placement^=top] {
    padding-left: .3125rem !important;
    padding-right: .3125rem !important;
    background-color: #2e2e2e !important
}

#ucpboard #ucp-container .modal-character-transfer .form-check-input {
    visibility: hidden;
    position: absolute;
    height: 0rem;
    width: 0rem;
    overflow: hidden
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label {
    margin-top: .625rem;
    box-sizing: border-box;
    padding: .9375rem;
    border-radius: .25rem;
    background: #171616;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #fff;
    border: .0625rem solid #1e1917;
    margin-left: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    cursor: pointer
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label.checked {
    border-color: #c9aa71;
    color: #c9aa71
}

#ucpboard #ucp-container .modal-character-transfer .form-check-label.checked:after {
    content: "Selected";
    position: absolute;
    right: 1rem;
    padding: .15rem .45rem;
    border-radius: .25rem;
    border: .0625rem solid #c9aa71;
    background-color: #c9aa71;
    color: #000;
    font-size: .75rem
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container {
    height: 3rem;
    position: relative
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container #twofa {
    height: 3rem;
    padding: 0 1rem
}

#ucpboard #ucp-container .modal-character-transfer .modal-footer .twofa-container:after {
    content: "Required";
    position: absolute;
    left: -.5rem;
    top: -1.25rem;
    padding: .15rem .45rem;
    border-radius: .25rem;
    color: #dc143c;
    font-size: .75rem
}

#ucpboard #discount-type-store, #ucpboard #discount-type-donation {
    -webkit-user-select: none;
    user-select: none
}

#ucpboard .discount-tag {
    position: relative;
    display: inline-block;
    padding: .25rem .625rem;
    border-radius: .3125rem;
    margin-right: .625rem;
    color: #000;
    line-height: 1;
    background: #c9aa71;
    margin-bottom: .3125rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

#ucpboard .cdc-btn {
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71 !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .cdc-btn:hover {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important
}

#ucpboard .discount-tag.tag-start, #ucpboard .discount-tag.success {
    background: #358647;
    color: #fff !important
}

#ucpboard .discount-tag.tag-end, #ucpboard .discount-tag.danger {
    background: #a42a42;
    color: #fff !important
}

#ucpboard .discount-tag.warning {
    background: orangered !important;
    color: #fff !important
}

#ucpboard .discounted-price {
    color: #6c6c6cc4;
    text-decoration: line-through !important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: .875rem
}

#ucpboard .discount-price {
    color: #c9aa71;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: .875rem
}

#ucpboard .discount-ul {
    padding: .75rem 1rem;
    max-height: 15rem;
    min-height: 15rem;
    overflow-y: scroll;
    background-color: #1a1919;
    border: .0625rem solid #2e2e2e
}

#ucpboard .discount-ul .discount-li {
    list-style: none;
    margin: .5rem 0
}

#ucpboard .discount-ul .discount-li .discount-item-link {
    max-width: 8.75rem;
    width: 8.75rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#ucpboard .discount-ul .discount-li .discount-li-img {
    width: 5.5556rem;
    height: 3.125rem;
    margin-right: 1rem;
    border: .0625rem solid #c9aa71
}

#ucpboard .discount-ul .discount-li .mdi {
    position: relative;
    left: .5rem;
    line-height: 3.125rem
}

#ucpboard .switch {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 2.125rem
}

#ucpboard .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#ucpboard input:checked + .slider.round {
    background-color: #2196f3
}

#ucpboard input:focus + .slider.round {
    box-shadow: 0 0 .0625rem #2196f3
}

#ucpboard input:checked + .slider.round:before {
    -webkit-transform: translateX(1.625rem);
    -ms-transform: translateX(1.625rem);
    transform: translate(1.625rem)
}

#ucpboard .slider.round {
    border-radius: 2.125rem;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

#ucpboard .slider.round:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 1.625rem;
    width: 1.625rem;
    left: .25rem;
    bottom: .25rem;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

@media (max-width: 36rem) {
    #ucpboard #ucp-container {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }

    #ucpboard #generate_token {
        margin-top: .5rem
    }

    #ucpboard .page-title {
        font-size: 2rem !important;
        text-align: center !important
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card-header, #ucpboard .tab-panel .tab-content .ucp-card .card-body {
        padding: 1.25rem !important
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header h3 {
        font-size: 1rem !important
    }

    #ucpboard #tab2 .ucp-card .card-body {
        padding: 2.5rem .625rem
    }

    #ucpboard #tab2 #activateCharacter {
        margin-top: 1rem !important
    }

    #ucpboard #tab2 #deactivateCharacter {
        margin-top: .5rem !important
    }

    #ucpboard #tab2 .ucp-card .card-body .info-card .info-value {
        padding-right: 0rem !important
    }

    #ucpboard #tab2 .security-progress {
        position: relative
    }

    #ucpboard #tab2 .security-progress .progress {
        width: 7rem;
        height: 7rem;
        background: none;
        position: relative
    }

    #ucpboard #tab2 .security-progress .progress:after {
        content: "";
        width: 7rem;
        height: 7rem;
        border-radius: 100%;
        border: .375rem solid #131313;
        position: absolute;
        box-shadow: 0 0 .5rem #0000004d !important;
        left: -.125rem;
        top: -.0625rem
    }

    #ucpboard #tab2 .security-progress .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1
    }

    #ucpboard #tab2 .security-progress .progress .progress-left {
        left: 0
    }

    #ucpboard #tab2 .security-progress .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: .375rem;
        border-style: solid;
        position: absolute;
        top: 0
    }

    #ucpboard #tab2 .security-progress .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 5rem;
        border-bottom-right-radius: 5rem;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left
    }

    #ucpboard #tab2 .security-progress .progress .progress-right {
        right: 0
    }

    #ucpboard #tab2 .security-progress .progress .progress-right .progress-bar {
        left: -100%;
        border-top-left-radius: 5rem;
        border-bottom-left-radius: 5rem;
        border-right: 0;
        -webkit-transform-origin: center right;
        transform-origin: center right
    }

    #ucpboard #tab2 .security-progress .progress .progress-value {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center
    }

    #ucpboard #tab2 .security-progress .progress .progress-value .percentage-text {
        font-size: 1.25rem !important;
        margin-bottom: .25rem !important;
        margin-top: -.5rem !important
    }

    #ucpboard #tab2 .security-progress .progress .progress-value .percentage-subtext {
        text-transform: uppercase;
        font-weight: 400;
        font-size: .875rem;
        margin-top: .3125rem
    }

    #ucpboard #tab2 .security-progress .border-primary {
        border-color: #c9aa71
    }

    #ucpboard #tab4 .ucp-card .card-body {
        padding: 2.5rem .625rem
    }

    #ucpboard .nav-pills {
        width: 100% !important
    }

    #ucpboard .ucp-redeem-btn {
        margin-top: 1rem
    }
}

#ucpboard .page-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}

#ucpboard .page-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: #c9aa71;
    -webkit-user-select: none;
    user-select: none;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black !important;
    font-size: 1.5rem !important
}

@media (max-width: 48rem) {
    #ucpboard .page-subtitle {
        font-size: 1rem !important;
        text-align: center !important
    }
}

#ucpboard #search-order-btn {
    background-color: #c9aa71 !important;
    line-height: 2.1875rem;
    box-shadow: 0 0 .3125rem .3125rem #0003;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 700
}

#ucpboard #search-order-btn:hover {
    color: #000 !important
}

#ucpboard .con-test {
    min-height: 100vh;
    margin-top: 0
}

#ucpboard .con-test .realm-button-list {
    margin-bottom: 2.5rem
}

#ucpboard .con-test .realm-button-list .btn-secondary.focus, #ucpboard .con-test .realm-button-list .btn-primary.focus, #ucpboard .con-test .realm-button-list .btn-danger.focus {
    outline: none !important;
    border-color: #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .con-test .realm-button-list .btn-danger {
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 .3125rem .3125rem #00000026 !important;
    min-height: 2.4375rem;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .con-test .realm-button-list .btn-danger:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .con-test .realm-button-list .btn-secondary, #ucpboard .con-test .realm-button-list .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    margin-right: .5rem;
    box-shadow: 0 0 .3125rem .3125rem #00000026 !important;
    min-height: 2.4375rem;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .con-test .realm-button-list .btn-secondary:hover, #ucpboard .con-test .realm-button-list .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .con-test .realm-button-list .active {
    outline: none !important;
    border-color: #c9aa71 !important;
    box-shadow: none !important;
    -webkit-transition: "all .35s ease-in-out";
    -moz-transition: "all .35s ease-in-out";
    -ms-transition: "all .35s ease-in-out";
    -o-transition: "all .35s ease-in-out";
    transition: "all .35s ease-in-out"
}

#ucpboard .leaderboard-card {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card .card-title {
    color: #c9aa71;
    font-weight: 700;
    margin-bottom: .375rem
}

#ucpboard .leaderboard-card:hover {
    transform: scale(1.05)
}

#ucpboard .leaderboard-card[wow-faction=alliance] .card-titleholder {
    color: #0078ff !important
}

#ucpboard .leaderboard-card[wow-faction=horde] .card-titleholder {
    color: #b30000 !important
}

#ucpboard .leaderboard-card .card-titleholder {
    color: #fff;
    font-weight: 700;
    margin-bottom: .75rem
}

#ucpboard .leaderboard-card .card-body {
    background-color: #222
}

#ucpboard .name-notice {
    height: 2.5rem;
    border: .0625rem solid #c9aa71;
    margin-bottom: 2.5rem;
    box-shadow: 0 0 .3125rem #c9aa71;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    line-height: 2.5rem;
    color: #c9aa71
}

#ucpboard .name-notice .name-setup {
    color: #fff !important;
    text-decoration: underline !important
}

#ucpboard .ucp-card {
    margin-bottom: 1.875rem;
    position: relative;
    overflow: hidden
}

#ucpboard .ucp-card.transferring {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

#ucpboard .ucp-card.transferring .card:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: #151515d6;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    content: "Transfer in progress";
    z-index: 999;
    padding: 0;
    margin: 0;
    bottom: 0;
    left: 0;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    font-weight: 700;
    font-size: 2rem
}

#ucpboard .ucp-card.name-change-required {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

#ucpboard .ucp-card.name-change-required .card:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color: #151515d6;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    content: "Name Change Required";
    z-index: 999;
    padding: 0;
    margin: 0;
    bottom: 0;
    left: 0;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    font-weight: 700;
    font-size: 2rem
}

#ucpboard .ucp-card .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#ucpboard .ucp-card .currency-qty {
    color: #c9aa71;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 1rem
}

#ucpboard .ucp-card .card-header {
    padding: 1.875rem 3.4375rem 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .ucp-card .card-header .order-id-container, #ucpboard .ucp-card .card-header .order-placed-container, #ucpboard .ucp-card .card-header .order-total-container {
    display: flex;
    flex-direction: column
}

#ucpboard .ucp-card .card-header .order-id-container .top-span, #ucpboard .ucp-card .card-header .order-placed-container .top-span, #ucpboard .ucp-card .card-header .order-total-container .top-span {
    text-transform: uppercase;
    font-weight: 300;
    font-size: .7rem;
    color: #6f6f6f
}

#ucpboard .ucp-card .card-header .order-id-container .bottom-span, #ucpboard .ucp-card .card-header .order-placed-container .bottom-span, #ucpboard .ucp-card .card-header .order-total-container .bottom-span {
    color: #dcdcdc;
    line-height: 1.5625rem;
    font-size: .875rem;
    text-transform: capitalize;
    letter-spacing: .0131rem;
    font-weight: 700
}

@media (max-width: 48rem) {
    #ucpboard .ucp-card .card-header .order-id-container {
        display: none
    }

    #ucpboard .ucp-card .card-header .order-total-container, #ucpboard .ucp-card .card-header .order-placed-container {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    #ucpboard .ucp-card .card-header .order-total-mobile {
        display: none !important
    }
}

#ucpboard .ucp-card .card-header .link-container {
    margin-top: .125rem
}

#ucpboard .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucpboard .ucp-card .card-header .link-container .card-link:hover {
    opacity: .5
}

#ucpboard .ucp-card .card-header .link-container i {
    margin-left: .3125rem;
    margin-top: 0rem !important;
    position: relative;
    bottom: .125rem;
    margin-right: .3125rem;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 700 !important
}

#ucpboard .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .ucp-card .card-header h3 {
    font-size: 1.25rem !important
}

#ucpboard .ucp-card .card-header h3, #ucpboard .ucp-card .card-header h5 {
    margin: 0 !important;
    padding: 0 !important
}

#ucpboard .ucp-card .card-footer {
    padding: 1.25rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    border-top: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .ucp-card .card-footer .order-view-invoice {
    text-transform: capitalize !important;
    text-shadow: 0rem 0rem .3125rem rgb(0, 0, 0)
}

#ucpboard .ucp-card .card-footer .order-copyright {
    text-transform: capitalize !important;
    color: #6f6f6f;
    text-shadow: 0rem 0rem .3125rem rgb(0, 0, 0)
}

#ucpboard .ucp-card .card-body {
    padding: 2.5rem;
    justify-content: center !important
}

#ucpboard .ucp-card .card-body .addon-desc {
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    white-space: initial
}

#ucpboard .ucp-card .card-body .order-history-list {
    list-style: none;
    padding: 0 !important;
    margin-bottom: 0 !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item {
    padding-left: 0;
    padding-right: 0;
    border-bottom: .0625rem solid #333;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart, #ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart {
    width: 3.125rem;
    height: 1.9375rem;
    padding: .3125rem .625rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .35), 0 0 .1875rem rgba(0, 0, 0, .5) !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover, #ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover {
    box-shadow: 0 0 .1875rem #00000059, 0 0 .1875rem #00000080 !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .shop-discount-price {
    color: #6c6c6cc4;
    text-decoration: line-through !important;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    font-weight: 700;
    font-size: 1rem;
    display: block
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart {
    border: .0625rem solid gray;
    margin-left: .5rem
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart .mdi {
    color: gray
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover {
    border-color: #adadad !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .remove-from-cart:hover .mdi {
    color: #adadad
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart {
    border: .0625rem solid #c9aa71
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart .mdi {
    color: #c9aa71
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover {
    border-color: #fff !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .add-to-cart:hover .mdi {
    color: #fff
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .wishlist-img {
    height: 5.25rem !important;
    max-height: 4.2188rem !important;
    width: 7.5rem !important;
    object-fit: contain;
    border: .0625rem solid #c9aa71;
    box-shadow: 0 0 .9375rem .3125rem #0000003f
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-img {
    height: 6.0313rem !important;
    max-height: 6.0313rem;
    width: 10.6669rem !important;
    object-fit: contain;
    border: .0625rem solid #c9aa71;
    box-shadow: 0 0 .9375rem .3125rem #0000003f
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 75%;
    padding: 0 1rem
}

@media only screen and (max-width: 57.4375rem) {
    #ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container {
        max-width: 9.375rem;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        overflow: hidden
    }
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-name {
    font-size: 1rem;
    color: #dcdcdc;
    font-weight: 300;
    text-transform: none;
    margin: 0 0 .3125rem;
    letter-spacing: normal;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-details {
    color: #868181;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-link {
    color: #c9aa71;
    line-height: 1.5rem;
    font-size: 1rem;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-link:hover {
    color: #fff !important
}

#ucpboard .ucp-card .card-body .order-history-list .order-history-item .order-info-container .order-price {
    color: #c9aa71 !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
}

#ucpboard .ucp-card .card-body .info-card {
    white-space: nowrap
}

#ucpboard .ucp-card .card-body .info-card .info-label {
    color: #c9aa71 !important;
    font-weight: 700
}

#ucpboard .ucp-card .card-body .info-card .info-value {
    border: none !important;
    color: #fff !important;
    font-size: 1.125rem;
    padding-left: 0rem !important;
    padding-right: 0rem !important
}

#ucpboard .ucp-card .card-body .security-progress {
    position: relative
}

#ucpboard .ucp-card .card-body .security-progress .progress {
    width: 10rem;
    height: 10rem;
    background: none;
    position: relative;
    right: 1rem;
    overflow: visible
}

#ucpboard .ucp-card .card-body .security-progress .progress.char-disabled .race-img {
    filter: brightness(50%) blur(.0938rem) grayscale(1) !important
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img {
    position: absolute;
    background-size: 110%;
    border-radius: 100%;
    background-position: 50%;
    max-width: 8.75rem;
    max-height: 8.75rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: brightness(80%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

#ucpboard .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .375rem solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem #0000004d !important;
    z-index: 11 !important
}

#ucpboard .ucp-card .card-body .security-progress .progress:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: inset .3125rem .3125rem 1.25rem #000;
    -webkit-box-shadow: inset .3125rem .3125rem 1.25rem #000;
    box-shadow: inset .3125rem .3125rem 1.25rem #000;
    z-index: 10 !important
}

#ucpboard .ucp-card .card-body .security-progress .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 12 !important
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: .375rem;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0 !important;
    font-size: 2.1875rem !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black !important
}

#ucpboard .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    margin-top: .3125rem;
    height: .875rem;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black !important
}

#ucpboard .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71
}

#ucpboard .ucp-card .card-body .security-progress .border-success {
    border-color: #2ab27b
}

#ucpboard .ucp-card .card-body .security-progress .border-warning {
    border-color: #ff6407 !important
}

#ucpboard .ucp-card .card-body .security-progress .border-danger {
    border-color: #ff0018 !important
}

#ucpboard .ucp-card .card-body .character-progress {
    position: relative
}

#ucpboard .ucp-card .card-body .character-progress .progress {
    width: 7rem;
    height: 7rem;
    min-width: 7rem;
    min-height: 7rem;
    background: none;
    position: relative;
    overflow: visible
}

#ucpboard .ucp-card .card-body .character-progress .progress.char-disabled .race-img {
    filter: brightness(50%) blur(.0938rem) grayscale(1) !important
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img {
    position: absolute;
    background-size: 110%;
    border-radius: 100%;
    background-position: 50%;
    max-width: 7rem;
    max-height: 7rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: brightness(80%);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-worgen {
    background-image: url(https://i.imgur.com/tm0vlXb.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-undead {
    background-image: url(https://i.imgur.com/1qiUeav.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-troll {
    background-image: url(https://i.imgur.com/Jn4bs5Q.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-tauren {
    background-image: url(https://i.imgur.com/32DeCpP.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-pandaren {
    background-image: url(https://i.imgur.com/y1Phx06.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-orc {
    background-image: url(https://i.imgur.com/0yvtOiH.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-nightelf {
    background-image: url(https://i.imgur.com/aPSL5bd.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-human {
    background-image: url(https://i.imgur.com/M1MszDT.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-goblin {
    background-image: url(https://i.imgur.com/h31maet.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-gnome {
    background-image: url(https://i.imgur.com/LBMkHvO.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-dwarf {
    background-image: url(https://i.imgur.com/q2uaMHI.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-draenei {
    background-image: url(https://i.imgur.com/CdADSO6.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress .race-img.race-bloodelf {
    background-image: url(https://i.imgur.com/SW3dp56.png)
}

#ucpboard .ucp-card .card-body .character-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .375rem solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem #0000004d !important;
    z-index: 11 !important
}

#ucpboard .ucp-card .card-body .character-progress .progress:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-box-shadow: inset .3125rem .3125rem 1.25rem #000;
    -webkit-box-shadow: inset .3125rem .3125rem 1.25rem #000;
    box-shadow: inset .3125rem .3125rem 1.25rem #000;
    z-index: 10 !important
}

#ucpboard .ucp-card .card-body .character-progress .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 12 !important
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-left {
    left: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: .375rem;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-right {
    right: 0
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value .percentage-text {
    margin-bottom: 0 !important;
    font-size: 2.1875rem !important;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black !important
}

#ucpboard .ucp-card .card-body .character-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    margin-top: .3125rem;
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black !important
}

#ucpboard .ucp-card .card-body .character-progress .border-primary {
    border-color: #c9aa71
}

#ucpboard .ucp-card .card-body .character-progress .border-success {
    border-color: #2ab27b
}

#ucpboard .ucp-card .card-body .character-progress .border-warning {
    border-color: #ff6407
}

#ucpboard .ucp-card .card-body .character-progress .border-danger {
    border-color: #ff0018
}

#ucpboard .ucp-card .card-body .security-checklist ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 1rem
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item #checklist-bonus {
    color: #d59e58 !important;
    line-height: 1.4;
    border-bottom: .0625rem solid #d59e58;
    width: 100%;
    display: block;
    margin-bottom: .625rem
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-right: 1rem;
    opacity: .2
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 2.5rem;
    color: #c9aa71;
    text-decoration: underline !important;
    opacity: 1
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71 !important;
    opacity: 1 !important
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 2.5rem;
    color: #fff;
    text-decoration: none !important;
    opacity: .35
}

#ucpboard .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important;
    pointer-events: none !important;
    opacity: .5 !important
}

#ucpboard .ucp-card .card-body .table thead tr {
    border-top: none !important
}

#ucpboard .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .125rem solid rgba(222, 226, 230, .3607843137) !important
}

#ucpboard .ucp-card .card-body .table tbody tr td {
    color: #ffffff80 !important
}

#ucpboard .ucp-card .card-body .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#ucpboard .ucp-card .card-body .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .ucp-card .card-body .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .ucp-card .card-body .donation-balance {
    font-size: 1.875rem;
    color: #c9aa71;
    font-weight: 700;
    line-height: 3.5rem
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-link:hover {
    border-color: rgba(222, 226, 230, .1215686275) rgba(222, 226, 230, .1215686275) #131415 !important
}

.nav-tabs {
    border-bottom: .0625rem solid rgba(222, 226, 230, .1215686275)
}

#ucpboard .tab-panel .tab-content .ucp-card .card-alliance .card-body .security-progress .border-primary {
    border-color: #3473d3 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-horde .card-body .security-progress .border-primary {
    border-color: #d33434 !important
}

@media (min-width: 48rem) and (max-width: 61.9375rem) {
    .security-row {
        justify-content: space-around !important
    }
}

@media (min-width: 36rem) and (max-width: 47.9375rem) {
    .nav-transparent {
        height: .625rem !important
    }
}

@media (max-width: 35.125rem) {
    #order-id-container {
        display: none
    }

    .order-total-container {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

#order-search {
    position: relative;
    margin-top: 1rem;
    box-shadow: 0 0 .625rem .3125rem #000;
    height: 3.125rem !important
}

#order-search .form-input {
    background-color: #1d1d1d !important;
    height: 3.125rem !important
}

@media only screen and (max-width: 57.4375rem) {
    #order-search {
        position: relative;
        margin-top: 1rem;
        box-shadow: none;
        height: 2.5rem !important;
        justify-content: center;
        margin-bottom: 1rem
    }

    #order-search .form-input {
        background-color: #1d1d1d !important;
        height: 2.5rem !important;
        width: 7.5rem !important
    }

    #order-search select.form-input {
        width: 6.875rem !important
    }

    #order-search #search-order-btn {
        background-color: #c9aa71 !important;
        line-height: 1.5625rem;
        box-shadow: 0 0 .3125rem .3125rem #0003;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        font-weight: 700
    }

    #order-search #search-order-btn:hover {
        color: #000 !important
    }

    .order-small-id {
        text-transform: capitalize !important;
        color: #6f6f6f;
        text-shadow: 0rem 0rem .3125rem rgb(0, 0, 0);
        text-align: right
    }

    .order-small-id .order-mobile-date {
        font-size: .625rem
    }

    .order-info-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100% !important;
        padding: 0 1rem;
        width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        overflow: hidden
    }

    .order-info-container .order-mobile-date {
        line-height: 1.25rem
    }

    .order-info-container .order-name {
        font-size: 1rem;
        color: #dcdcdc;
        font-weight: 300;
        text-transform: none;
        margin: 0 0 .3125rem;
        letter-spacing: normal;
        text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
    }

    .order-info-container .order-details {
        color: #868181;
        text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
    }

    .order-info-container .order-link {
        color: #c9aa71;
        line-height: 1.5rem;
        font-size: 1rem;
        text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829);
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    .order-info-container .order-link:hover {
        color: #fff !important
    }

    .order-info-container .order-price {
        color: #c9aa71 !important;
        text-shadow: 0 0 .3125rem black, 0 0 .3125rem rgba(0, 0, 0, .829)
    }
}

@media (max-width: 61.9375rem) {
    .security-row {
        width: 100% !important;
        margin: 0 !important
    }

    .card-link {
        display: inline !important;
        cursor: pointer
    }

    .card-link i {
        display: inline-block !important
    }

    .card-link span {
        display: none !important
    }

    .security-progress .progress {
        margin-bottom: 3rem
    }

    .shop-btn {
        margin-top: .625rem !important;
        margin-bottom: 0 !important;
        margin-right: 0rem !important
    }
}

@media (max-width: 48rem) {
    #ucpboard .tab-panel .tab-content .page-title {
        font-weight: 700 !important;
        text-transform: uppercase !important;
        text-align: center !important;
        font-size: 1.75rem !important;
        margin-top: .5rem !important;
        margin-bottom: 1rem !important
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header h3 {
        line-height: 2rem
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link .icon-wrapper {
        background: #1d1d1d;
        text-align: center;
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 100%
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i {
        font-size: 1.9rem !important;
        margin: 0 0 0 .0625rem !important;
        line-height: 2.0625rem !important;
        position: relative
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i:after {
        background: #1d1d1d;
        text-align: center;
        height: 1.875rem;
        width: 1.875rem;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        z-index: 1
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card .card-header .link-container .card-link i:before {
        position: relative;
        z-index: 2;
        line-height: 1.875rem;
        left: .0625rem
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card-body .donation-row .donation-currency-wrapper {
        display: flex !important;
        justify-content: space-between !important
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item i {
        display: none !important
    }

    #ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress {
        right: 0 !important;
        margin-bottom: 1.5rem !important
    }
}

.news-article {
    margin-top: -15rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding-bottom: 10rem
}

.news-article * {
    font-size: 100%
}

.news-article * a {
    color: #c9aa71 !important
}

.news-article * {
    scroll-behavior: smooth
}

.news-article.light-mode {
    background-color: #fefefe !important
}

.news-article.light-mode section.article-widget .widget-type {
    color: #ffffff80 !important;
    font-size: .875rem;
    font-weight: 300;
    padding-bottom: .5rem
}

.news-article.light-mode section.article-widget .widget-title {
    color: #333;
    font-size: 1.5rem;
    max-width: 15.625rem;
    font-weight: 700;
    text-shadow: none;
    line-height: 1.5rem
}

.news-article.light-mode section.article-widget .progress {
    background-color: #000 !important
}

.news-article.light-mode section.article-widget .progress .progress-bar {
    background-color: #e6b769 !important
}

.news-article.light-mode section.article-widget .widget-author {
    color: #785a28 !important;
    padding: 1rem 0;
    font-weight: 700;
    font-size: .75rem;
    text-shadow: none
}

.news-article.light-mode section.article-widget .widget-mode {
    color: #e6b769
}

.news-article.light-mode section.article-widget .social-links .links {
    text-shadow: none !important;
    color: #e6b769;
    -webkit-transition: all .25s ease-in-out !important;
    -moz-transition: all .25s ease-in-out !important;
    -ms-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important
}

.news-article.light-mode section.article-widget .social-links .links:hover {
    color: #000 !important
}

.news-article.light-mode article .article-container .article-header .article-title {
    color: #333 !important
}

.news-article.light-mode article .article-container .article-header .article-info .article-info-inner .article-author {
    color: #785a28 !important
}

.news-article.light-mode article .article-container .article-header .article-options .article-option {
    color: #000 !important;
    border-color: #000 !important
}

.news-article.light-mode article .article-container .article-header .article-options .article-option:hover {
    border-color: #c9aa71 !important;
    color: #c9aa71 !important
}

.news-article.light-mode article .article-container .article-outline-container {
    position: sticky;
    top: 25%;
    margin-left: 3rem;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.news-article.light-mode article .article-container .article-outline-container.visible {
    opacity: 1 !important
}

.news-article.light-mode article .article-container .article-outline-container.visible .article-outline {
    padding: 1rem 1.5rem;
    width: 16.25rem
}

.news-article.light-mode article .article-container .article-outline-container .article-outline {
    background-color: #1d1d1d;
    width: 0rem;
    border: .0625rem solid #333;
    padding: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.news-article.light-mode article .article-container .article-outline-container .article-outline .outline-title {
    color: #c9aa71;
    padding: 1rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    display: table
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol {
    margin: 0;
    padding: 0;
    padding-left: 1.5rem
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li {
    font-size: .875rem;
    margin: .5rem 0
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 {
    margin-left: 1rem
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 a {
    color: #c9aa71 !important;
    border: none !important
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
    color: #fff !important
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li a {
    color: #dcdcdc !important;
    max-width: 16.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-transition: color .35s ease;
    -moz-transition: color .35s ease;
    -ms-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    font-weight: 700;
    border-bottom: .0625rem solid #2d2d2d
}

.news-article.light-mode article .article-container .article-outline-container .article-outline ol li a:hover {
    color: #fff !important
}

.news-article.light-mode article .article-container .article-body {
    color: #1e2328 !important
}

.news-article.light-mode article .article-container .article-body b, .news-article.light-mode article .article-container .article-body strong {
    color: #1e2328 !important
}

.news-article.light-mode article .article-container .article-body li {
    color: #1e2328 !important
}

.news-article.light-mode article .article-container .article-body .ck-content p {
    color: #1e2328 !important
}

.news-article.light-mode article .article-container .article-body .ck-content p s {
    color: #1e2328 !important;
    line-height: 1.75
}

.news-article.light-mode article .article-container .article-body .ck-content p sup {
    font-size: .75rem;
    font-weight: 700
}

.news-article.light-mode article .article-container .article-body .ck-content .image {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important
}

.news-article.light-mode article .article-container .article-body .ck-content b {
    color: #1e2328 !important
}

.news-article.light-mode article .article-container .article-body .ck-content h1, .news-article.light-mode article .article-container .article-body .ck-content h2, .news-article.light-mode article .article-container .article-body .ck-content h3, .news-article.light-mode article .article-container .article-body .ck-content h4, .news-article.light-mode article .article-container .article-body .ck-content h5 {
    color: #333 !important;
    line-height: 1.5em;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .1875rem;
    margin: 6.25rem auto 1.5rem;
    max-width: 45vw;
    text-transform: uppercase
}

.news-article.light-mode article .article-container .article-body .ck-content ul li ul, .news-article.light-mode article .article-container .article-body .ck-content ul li ol {
    margin: 0
}

.news-article.light-mode article .article-container .article-body .ck-content ul li ul li, .news-article.light-mode article .article-container .article-body .ck-content ul li ol li {
    margin: 0
}

.news-article.light-mode article .article-container .article-footer {
    display: none !important
}

.news-article.light-mode article .article-container .article-footer * a {
    color: #b99c68 !important;
    font-weight: 700 !important
}

.news-article.light-mode article .article-container .article-footer .container p {
    color: #000 !important;
    font-weight: 700
}

.news-article .edit-notice-title {
    position: relative
}

.news-article .article-widget {
    pointer-events: none !important
}

.news-article .article-widget .widget-left {
    pointer-events: auto !important
}

.news-article .edit-notice-tags {
    position: relative
}

.news-article .edit-notice-tags-after:after {
    content: "Click me to edit tags! ➡" !important;
    color: #dc143c;
    padding: 0 .25rem;
    border: .0625rem solid crimson;
    position: absolute;
    top: 0rem;
    left: -8.125rem;
    display: block;
    font-size: .625rem
}

.news-article .article-bg {
    position: absolute;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

.news-article .article-bg .article-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-attachment: local;
    background-color: #0a0a0c;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.news-article .article-bg .article-splash {
    height: 100vh;
    position: relative;
    bottom: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    width: 100%;
    background: linear-gradient(180deg, rgba(19, 20, 21, 0) 0%, #131415 100%)
}

@media (max-width: 61.125rem) {
    .news-article section.intro .intro-content {
        padding: 0 !important
    }

    .news-article section.intro .intro-content .article-hero-content {
        padding: 0 1rem;
        display: none
    }

    .news-article section.intro .intro-content .hero-title {
        font-size: 2rem !important
    }

    .news-article article {
        margin: 0;
        min-width: 100% !important;
        max-width: 100% !important
    }

    .news-article article .article-container .article-body .ck-content figure figcaption {
        width: 100%;
        display: contents !important
    }

    .news-article article .article-container .article-body .ck-content .image {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important
    }

    .news-article article .article-container .article-body .ck-content ul, .news-article article .article-container .article-body .ck-content ol {
        margin-left: 0
    }

    .news-article article .article-container .article-body .ck-content ul li, .news-article article .article-container .article-body .ck-content ol li {
        margin-left: .25rem
    }

    .news-article article .article-container .article-body .ck-content h2 {
        font-size: 1.5rem !important
    }

    .news-article article .article-container .article-body .ck-content h1, .news-article article .article-container .article-body .ck-content h2, .news-article article .article-container .article-body .ck-content h3, .news-article article .article-container .article-body .ck-content h4, .news-article article .article-container .article-body .ck-content h5 {
        padding-right: .5rem
    }
}

.news-article section.intro {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: visibility .7s;
    transition: visibility .7s;
    width: 100%;
    top: 0;
    opacity: 1;
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    position: relative
}

.news-article section.intro.faded {
    opacity: 0;
    transition-delay: 50ms
}

.news-article section.intro .intro-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    padding-bottom: 3.25rem;
    position: absolute;
    text-align: center;
    transition: visibility .5s;
    transition-delay: 0s;
    width: 100%;
    top: 0;
    padding: 0 6.25rem 1.875rem
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article section.intro .intro-content .hero-title {
        font-size: 3rem !important
    }
}

.news-article section.intro .intro-content .article-hero-content.faded .hero-title {
    opacity: 0;
    transform: translateY(-6.25rem);
    transition-timing-function: ease-in;
    transition-delay: .1s
}

.news-article section.intro .intro-content .article-hero-content.faded .hero-author {
    opacity: 0;
    transform: translateY(-4.375rem) !important;
    transition-timing-function: ease-in;
    transition-delay: .15s
}

.news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title, .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-author {
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
    transition-delay: .1s
}

.news-article section.intro .intro-content .article-hero-content .hero-title, .news-article section.intro .intro-content .article-hero-content .hero-author {
    transition: opacity .333s ease-out, transform .333s ease-in-out
}

.news-article section.intro .intro-content .article-hero-content .hero-title {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 3.75rem;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    word-break: break-word;
    color: #f0e6d2;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7)
}

.news-article section.intro .intro-content .article-hero-content .hero-author {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-top: 1.1875rem;
    display: block;
    color: #c9aa71 !important;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8)
}

.news-article section.intro .intro-content .article-intro-bottom {
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: .75rem;
    color: #a09b8c;
    margin-top: 1.25rem;
    position: relative;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
    transition: opacity .5s;
    transition-delay: 0s
}

.news-article section.intro .intro-content .article-intro-bottom span {
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: .75rem;
    color: #a09b8c;
    text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7)
}

.news-article section.intro .intro-content .article-intro-bottom:before {
    bottom: -1.8125rem;
    height: .4375rem;
    width: .4375rem
}

.news-article section.intro .intro-content .article-intro-bottom:after, .news-article section.intro .intro-content .article-intro-bottom:before {
    border-bottom: .125rem solid #a09b8c;
    border-left: .125rem solid #a09b8c;
    content: "";
    filter: drop-shadow(0 0 1.25rem rgba(1, 10, 19, .7));
    left: 50%;
    position: absolute;
    transform-origin: 0 100%;
    transform: rotate(-45deg)
}

.news-article section.intro .intro-content .article-intro-bottom:after {
    bottom: -2.25rem;
    height: .75rem;
    width: .75rem
}

.news-article section.article-widget {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    position: fixed;
    top: 6rem;
    left: 2rem;
    z-index: 20;
    width: 96%
}

.news-article section.article-widget .widget-left {
    width: 15.625rem;
    min-width: 15.625rem;
    max-width: 15.625rem
}

.news-article section.article-widget .widget-type, .news-article section.article-widget .widget-author, .news-article section.article-widget .widget-title {
    margin-bottom: 0;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: uppercase
}

.news-article section.article-widget .widget-type {
    color: #ffffff80 !important;
    font-size: .875rem;
    font-weight: 300;
    padding-bottom: .5rem
}

.news-article section.article-widget .widget-title {
    color: #c9aa71;
    font-size: 1.5rem;
    max-width: 15.625rem;
    font-weight: 700;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
    line-height: 1.5rem
}

.news-article section.article-widget .widget-author {
    color: #fff !important;
    padding: 1rem 0;
    font-weight: 700;
    font-size: .75rem;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8)
}

.news-article section.article-widget .widget-mode {
    color: #c9aa71;
    margin-left: .5rem;
    font-size: 2.5rem;
    margin-top: 2rem
}

.news-article section.article-widget .social-links .links {
    text-shadow: 0 0 .3125rem black, 0 0 .3125rem black
}

.news-article section.article-widget .progress {
    height: .1875rem;
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: visible;
    background-color: #292929
}

.news-article section.article-widget .progress .progress-bar {
    position: relative;
    height: 100%;
    background-color: #c8aa6e;
    transition: width .5s ease-out;
    border-radius: 0rem .125rem .125rem 0rem;
    display: flex !important
}

.news-article section.article-widget .progress .glow {
    width: .625rem;
    max-width: 100%;
    height: 100%;
    align-self: flex-end
}

.news-article section.article-widget .progress .glow:before, .news-article section.article-widget .progress .glow:after {
    content: "";
    display: block;
    position: relative;
    border-radius: 0rem .125rem .125rem 0rem
}

.news-article section.article-widget .progress .glow:before {
    background: transparent;
    height: 100%;
    box-shadow: 0 0 .3125rem #c9aa71, 0 0 .3125rem #c9aa71;
    z-index: -5
}

.news-article section.article-widget .progress .glow:after {
    background: linear-gradient(to right, transparent 0%, transparent 100%);
    height: calc(100% + .625rem);
    width: calc(100% + .3125rem);
    top: -.3125rem;
    left: -.3125rem;
    z-index: -3
}

.news-article article {
    position: relative;
    margin-top: .625rem;
    padding: 10vw 1.875rem 0;
    margin-right: auto;
    margin-left: auto;
    min-width: 50rem
}

.news-article article .article-container .article-header {
    text-align: center;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

.news-article article .article-container .article-header .container {
    margin-bottom: 0
}

.news-article article .article-container .article-header .article-title {
    font-family: Beaufort;
    font-size: 1.8rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 1.5rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #f0e6d2
}

.news-article article .article-container .article-header .modify-article-title {
    margin: auto;
    text-align: left;
    text-transform: uppercase;
    text-align: center;
    color: #f0e6d2 !important;
    font-family: Beaufort;
    width: 100% !important;
    max-width: 31.25rem !important;
    font-weight: 700;
    line-height: 1.5rem
}

.news-article article .article-container .article-header #article-author-input {
    color: #c9aa71 !important
}

.news-article article .article-container .article-header .article-info .article-info-inner {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news-article article .article-container .article-header .article-info .article-info-inner .article-author {
    color: #c9aa71 !important;
    letter-spacing: .02em;
    line-height: 140%;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.news-article article .article-container .article-header .article-info .article-info-inner .article-date {
    color: #5a5a5a !important;
    font-family: Beaufort;
    margin-top: 1rem;
    letter-spacing: .02em;
    line-height: 140%;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

.news-article article .article-container .article-header .article-options {
    margin-top: 0rem
}

.news-article article .article-container .article-header .article-options .article-option {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    margin: 1rem;
    border: .0625rem solid #c9aa71;
    padding: .5rem 1rem
}

.news-article article .article-container .article-header .article-options .article-option:hover {
    color: #fff !important;
    border-color: #fff !important
}

.news-article article .article-container .article-header .article-options .article-publish-info {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news-article article .article-container .article-header .article-options .article-publish-info span {
    margin: .5rem 0
}

.news-article article .article-container .article-outline-container {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.news-article article .article-container .article-outline-container.visible {
    opacity: 1 !important
}

.news-article article .article-container .article-outline-container.visible .article-outline {
    padding: 1rem 1.5rem 2rem;
    width: 25rem
}

.news-article article .article-container .article-outline-container .article-outline {
    background-color: #1d1d1d;
    width: 0rem;
    border: .0625rem solid #333;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.news-article article .article-container .article-outline-container .article-outline .outline-title {
    color: #c9aa71;
    padding: 1rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    display: table
}

.news-article article .article-container .article-outline-container .article-outline ol {
    margin: 0;
    padding: 0;
    padding-left: 1.5rem
}

.news-article article .article-container .article-outline-container .article-outline ol li {
    font-size: .875rem;
    margin: .5rem 0
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 {
    margin-left: 1rem
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a {
    color: #c9aa71 !important;
    border: none !important
}

.news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
    color: #fff !important
}

.news-article article .article-container .article-outline-container .article-outline ol li a {
    color: #dcdcdc !important;
    max-width: 16.875rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-transition: color .35s ease;
    -moz-transition: color .35s ease;
    -ms-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
    font-weight: 700;
    border-bottom: .0625rem solid #2d2d2d;
    padding-bottom: .5rem
}

.news-article article .article-container .article-outline-container .article-outline ol li a:hover {
    color: #fff !important
}

.news-article article .article-container .article-body {
    color: #797979 !important;
    font-size: 1.125rem
}

.news-article article .article-container .article-body .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1rem
}

.news-article article .article-container .article-body .container:first * {
    margin-top: 0 !important
}

@media only screen and (max-width: 67.3125rem) {
    .news-article article .article-container .article-body .article-outline-container {
        display: none !important
    }
}

.news-article article .article-container .article-body .container {
    display: flex;
    flex-direction: column;
    max-width: 55rem !important
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article article .article-container .article-body .container {
        max-width: 37.5rem !important
    }
}

.news-article article .article-container .article-body i {
    font-style: italic;
    font-size: 1rem
}

.news-article article .article-container .article-body strong, .news-article article .article-container .article-body b {
    font-weight: 700;
    font-size: 1rem;
    color: #a8a4a4
}

.news-article article .article-container .article-body h2 strong {
    color: #c8aa6e !important;
    font-size: 2rem;
    line-height: 2em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body h3 strong {
    color: #c8aa6e !important;
    font-size: 1.5rem !important;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body h4 strong {
    color: #c8aa6e !important;
    font-size: 1.25rem !important;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body h5 strong, .news-article article .article-container .article-body h5 b {
    color: #c8aa6e !important
}

.news-article article .article-container .article-body table {
    width: 100%;
    margin: 3rem 0;
    text-align: center;
    border-color: #ffffff1a !important;
    align-self: center
}

.news-article article .article-container .article-body table td {
    padding: 1rem 0;
    border-color: #ffffff1a !important
}

.news-article article .article-container .article-body table thead {
    color: #fff !important;
    font-weight: 700;
    border-color: #ffffff1a !important
}

.news-article article .article-container .article-body table thead tr {
    color: #fff !important;
    padding: 1rem 0;
    border-color: #ffffff1a !important;
    border-bottom: .0625rem solid
}

.news-article article .article-container .article-body table thead tr th {
    color: #fff !important;
    border-bottom: none;
    border-top: none;
    line-height: 1.75;
    padding: 1rem 0;
    border-color: #ffffff1a !important
}

.news-article article .article-container .article-body table tbody tr {
    border-color: #ffffff1a !important;
    border-bottom: .0625rem solid
}

.news-article article .article-container .article-body table tbody tr td {
    color: #fff !important;
    line-height: 1.75
}

.news-article article .article-container .article-body p a {
    text-decoration: underline !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.news-article article .article-container .article-body p a:hover {
    color: #fff !important
}

.news-article article .article-container .article-body img, .news-article article .article-container .article-body p img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    -webkit-box-shadow: 0 .3125rem .3125rem rgba(0, 0, 0, .25), 0 .625rem .625rem rgba(0, 0, 0, .22);
    box-shadow: 0 .3125rem .3125rem #00000040, 0 .625rem .625rem #00000038;
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    border: .0625rem solid transparent
}

.news-article article .article-container .article-body img:hover, .news-article article .article-container .article-body p img:hover {
    -webkit-box-shadow: 0 0rem .9375rem rgba(201, 170, 113, .25), 0 .625rem .625rem rgba(201, 170, 113, .22);
    box-shadow: 0 0 .9375rem #c9aa7140, 0 .625rem .625rem #c9aa7138;
    border: .0625rem solid #c8aa6e
}

.news-article article .article-container .article-body .image img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%
}

.news-article article .article-container .article-body figure {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    width: 100% !important
}

.news-article article .article-container .article-body figure img {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    border: .0625rem solid #2e2e2e;
    max-width: 100%;
    width: 100% !important
}

.news-article article .article-container .article-body figure img:hover {
    -webkit-box-shadow: 0 0rem .9375rem rgba(201, 170, 113, .25), 0 .625rem .625rem rgba(201, 170, 113, .22);
    box-shadow: 0 0 .9375rem #c9aa7140, 0 .625rem .625rem #c9aa7138;
    border: .0625rem solid #c8aa6e
}

.news-article article .article-container .article-body figcaption {
    width: 100% !important;
    display: contents !important
}

.news-article article .article-container .article-body figure.media {
    border: .0625rem solid #2e2e2e;
    box-shadow: 0 0 .3125rem #000
}

.news-article article .article-container .article-body h3 {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-weight: 700;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body h1, .news-article article .article-container .article-body h2, .news-article article .article-container .article-body h3, .news-article article .article-container .article-body h4, .news-article article .article-container .article-body h5 {
    color: #c9aa71;
    font-weight: 700;
    line-height: 1.5em;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    letter-spacing: .1875rem;
    margin: 6.25rem auto 1.5rem;
    max-width: 45vw;
    text-transform: uppercase
}

.news-article article .article-container .article-body h1 {
    font-size: 2rem
}

.news-article article .article-container .article-body h2 {
    font-size: 2rem !important;
    color: #dcdcdc !important;
    width: 100% !important;
    min-width: 100%;
    text-align: center !important;
    background-color: #1d1d1d;
    border: .0625rem solid #2e2e2e;
    margin-top: 1.5rem;
    padding: 0 .75rem
}

.news-article article .article-container .article-body h3, .news-article article .article-container .article-body h4 {
    padding-bottom: .5rem;
    border-bottom: .0625rem solid #2d2d2d !important;
    margin: 3.125rem 0 0 1.5625rem;
    width: 100%;
    min-width: 100%;
    text-align: left;
    position: relative
}

.news-article article .article-container .article-body h3:before, .news-article article .article-container .article-body h4:before {
    content: "";
    position: absolute;
    display: block;
    border: .0625rem solid #c9aa71;
    height: 1.25rem;
    width: 1.25rem;
    transform: rotate(45deg);
    left: -2rem;
    margin-top: .625rem
}

.news-article article .article-container .article-body h3:after, .news-article article .article-container .article-body h4:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #c9aa71;
    height: .625rem;
    width: .625rem;
    transform: rotate(45deg);
    left: -1.6875rem;
    top: .9375rem
}

.news-article article .article-container .article-body h4 {
    font-size: 1.75rem !important
}

.news-article article .article-container .article-body h5 {
    font-size: 1.5rem !important
}

.news-article article .article-container .article-body ul {
    list-style: none
}

.news-article article .article-container .article-body ul li:before {
    content: "■";
    color: #c9aa71;
    display: inline-block;
    position: relative;
    left: -1rem;
    max-height: 1.125rem;
    max-width: .625rem;
    overflow: hidden
}

.news-article article .article-container .article-body sup {
    font-size: .75rem;
    font-weight: 700
}

.news-article article .article-container .article-body hr {
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    border-top: .0625rem solid rgba(91, 90, 86, .3);
    margin: 1.875rem 0
}

.news-article article .article-container .article-body a {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body p, .news-article article .article-container .article-body ul li {
    line-height: 1.75 !important;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important
}

.news-article article .article-container .article-body ul, .news-article article .article-container .article-body ol {
    margin-left: 1rem
}

.news-article article .article-container .article-body ul li, .news-article article .article-container .article-body ol li {
    color: #aaa !important;
    margin-left: 1rem
}

.news-article article .article-container .article-body ul li:before, .news-article article .article-container .article-body ol li:before {
    color: #c8aa6e !important
}

.news-article article .article-container .article-footer {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: none
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article article .article-container .article-footer {
        max-width: 37.5rem !important;
        margin: 0 auto
    }
}

.news-article article .article-container .article-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Beaufort;
    font-size: .875rem;
    max-width: 55rem
}

.news-article article .article-container .article-footer .container #article-tags-input {
    max-width: 90%;
    margin-left: 2rem;
    color: #c9aa71 !important
}

.news-article article .article-container .article-footer .container p {
    color: #fff !important
}

.news-article article .article-container .article-footer .container ul li {
    list-style: none;
    float: left;
    padding: 0 .5rem
}

.news-article article .article-container .sub-articles {
    margin-top: 5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.news-article article .article-container .sub-articles .article-list {
    padding: 0 !important;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1)
}

.news-article article .article-container .sub-articles .article-list .article {
    width: 100%;
    min-height: 13.75rem;
    list-style: none;
    border-top: .0625rem solid rgba(255, 255, 255, .1);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer !important;
    transition: all .3s ease-in-out
}

.news-article article .article-container .sub-articles .article-list .article .thumbnail {
    border: .0625rem solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.news-article article .article-container .sub-articles .article-list .article:hover {
    background-color: #ffffff0d
}

.news-article article .article-container .sub-articles .article-list .article:hover .thumbnail {
    border-color: #c8aa6e
}

.news-article article .article-container .sub-articles .article-list .article:hover .article-title {
    color: #fff !important
}

.news-article article .article-container .sub-articles .article-list .article .thumbnail {
    overflow: hidden;
    height: 10.625rem;
    width: 21.875rem;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: .0625rem solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.news-article article .article-container .sub-articles .article-list .article .article-content {
    cursor: pointer !important;
    margin-left: 1.5rem;
    max-width: 42.5rem;
    z-index: -1
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-title {
    font-weight: 700;
    color: #c8aa6e;
    transition: color .4s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 1.5rem;
    line-height: 1.75 !important
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-description {
    color: #f0e6d2;
    margin: .5rem 0;
    line-height: 1.5 !important
}

.news-article article .article-container .sub-articles .article-list .article .article-content .article-date {
    line-height: 1.75 !important;
    color: #fff3
}

.news-article article .article-container .sub-articles .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

.news-article article .article-container .sub-articles .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

.news-article article .article-container .sub-articles .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

.news-article article .article-container .sub-articles .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

.news-article article .article-container .sub-articles .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article article .article-container .sub-articles .article .thumbnail {
        min-width: 18.75rem
    }
}

@media (max-width: 62rem) {
    .news-article article .article-container .sub-articles {
        width: 100% !important
    }
}

@media (max-width: 48rem) {
    .news-article article .article-container .article-footer {
        justify-content: center !important;
        text-align: center !important
    }

    .news-article article .article-container .main .container .wrapper .left-container .news-item {
        height: auto;
        margin-bottom: 2rem
    }

    .news-article article .article-container .main .container .wrapper .left-container .news-item .item-container {
        height: 15rem;
        background-size: 100% 100%;
        border-color: #c9aa71 !important
    }

    .news-article article .article-container .main .container .wrapper .right-container .news-item {
        height: auto;
        margin-bottom: 1rem
    }

    .news-article article .article-container .main .container .wrapper .right-container .news-item .item-container {
        height: 13.75rem;
        background-size: 100% 100%;
        max-height: 13.75rem !important
    }

    .news-article article .article-container .main .container .wrapper .right-container .news-item .item-container .item-img {
        width: 100% !important;
        object-fit: cover !important;
        height: 100% !important;
        max-height: 100%
    }

    .news-article article .article-container .item-container {
        height: 13.75rem
    }

    .news-article article .article-container .item-container .item-type {
        color: #c9aa71 !important;
        text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important;
        font-weight: 700 !important
    }

    .news-article article .article-container .item-container .item-title {
        text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important;
        font-weight: 700 !important
    }

    .news-article article .article-container .item-container:hover {
        transform: scale(1) !important
    }

    .news-article article .article-container .description-container {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: transparent !important;
        text-align: center;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }

    .news-article article .article-container .description-container .item-description {
        background-color: transparent !important;
        border-top: none !important
    }

    .news-article article .article-container .description-container .item-fold {
        display: none !important
    }

    .news-article article .article-container .sub-articles .article {
        height: auto
    }
}

@media (max-width: 47.9375rem) {
    .news-article article .article-container .article .thumbnail {
        display: none !important
    }

    .news-article article .article-container .article .article-content {
        margin-left: 0rem !important
    }

    .news-article article .article-container .searchinput {
        right: 1.25rem !important
    }
}

.news-article article .article-container .article-comments .container {
    color: #f0e6d2;
    font-family: Beaufort;
    font-size: 1.125rem;
    max-width: 55rem
}

.news-article article .article-container .article-comments .container h3 {
    font-size: 1.728rem;
    line-height: 1.5em;
    color: #fff;
    font-weight: 700
}

.news-article article .article-container .article-comments .container li {
    list-style: none
}

.news-article article .article-container .article-comments .container hr {
    margin: 1.75em 0;
    overflow: hidden;
    background-color: #ffffff40;
    height: .0625rem;
    border: 0 none;
    width: 100%;
    margin: 1.75rem auto
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-img {
    width: 4rem;
    height: 4rem
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info .comment-likes {
    color: #fbfbfb;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info .comment-likes.liked {
    color: #ff3144 !important
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul {
    line-height: 1.5em;
    font-size: 1rem;
    margin-top: .4063rem;
    margin-left: 1rem !important;
    padding-left: 1rem !important
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul li {
    line-height: 1.0625rem
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-author {
    color: #fffc;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: capitalize
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-character {
    color: #fff468
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-guild {
    color: #f8b700
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-head .comment-info ul .comment-date {
    color: #ffffff80
}

.news-article article .article-container .article-comments .container .comment-container .comment .lottie {
    width: 3.75rem;
    height: 3.75rem;
    cursor: pointer;
    filter: grayscale(1);
    transition: filter .25s ease-in;
    position: relative
}

.news-article article .article-container .article-comments .container .comment-container .comment .lottie.is-active {
    filter: none
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-body {
    margin-top: 2rem !important;
    margin-left: 5.625rem
}

.news-article article .article-container .article-comments .container .comment-container .comment .comment-body textarea {
    padding: 1rem
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-img {
    box-shadow: 0 0 0 .0625rem #ffffff4d, 0 0 0 .1875rem #00aeff, 0 0 0 .25rem #000, 0 0 .625rem .25rem #00aeffbf
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-author {
    color: #fff
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-character {
    color: #00aeff !important;
    font-weight: 700;
    text-shadow: 0 0 .0625rem transparent, 0 0rem .25rem rgba(0, 174, 255, .75)
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-head .comment-info ul .comment-date {
    color: #ffffff80
}

.news-article article .article-container .article-comments .container .comment-container .staff .comment-body {
    color: #00aeff !important
}

.news-article article .article-container .article-comments .container .load-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem 0
}

.news-article article .article-container .article-comments .container .load-container #load-button {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    width: 18.75rem
}

.news-article body {
    background-color: #131415
}

@media (max-width: 50rem) {
    .news-article .mobile-progress {
        top: 3.9375rem !important
    }
}

.news-article .mobile-progress {
    position: fixed;
    top: 4.3125rem;
    width: 100%;
    height: .125rem;
    z-index: 12;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 75.3125rem) and (min-width: 74.6875rem) and (max-height: 37.8125rem) and (min-height: 37.1875rem) {
    .news-article .mobile-progress {
        opacity: 0 !important;
        display: none !important
    }
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article .mobile-progress {
        z-index: 999;
        top: 3.9375rem
    }
}

.news-article .mobile-progress .progress-bar {
    width: 0%;
    height: .125rem;
    background-color: #c8aa6e
}

.news-article .mobile-progress .social-links {
    flex-direction: column;
    height: 12.5rem;
    margin-right: 2.1875rem;
    margin-top: 15%
}

.news-article .table-container {
    overflow: auto !important
}

@media (max-width: 112.4375rem) {
    .news-article .mobile-progress {
        display: block !important
    }

    .news-article .article-widget {
        display: none !important
    }

    .news-article .mousey {
        margin-top: 93vh !important
    }
}

@media (max-width: 62.5rem) {
    .news-article article .article-container .article-comments .container .comment-container .comment .comment-body {
        margin-left: 0
    }

    .news-article article .article-container .article-comments .container .comment-container {
        padding-left: 0 !important
    }
}

.news-article .navbar-toggler {
    display: none !important
}

.addnews {
    position: relative;
    right: .9375rem;
    top: -2.1875rem;
    color: #e8d8b2
}

.addcate {
    position: relative;
    right: .3125rem;
    top: -2.1875rem;
    color: #e8d8b2
}

.backnews {
    position: absolute;
    right: 0rem;
    top: 0rem;
    color: #e8d8b2
}

.savenews {
    position: absolute;
    right: 5rem;
    top: 0rem;
    color: #e8d8b2
}

.social-links {
    font-size: 1.875rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-top: 1.5625rem;
    color: #c9aa71;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.social-links i:hover {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (max-width: 48rem) {
    .news-article {
        margin-top: -1rem !important;
        padding-bottom: 2rem !important
    }

    .news-article article {
        position: relative;
        margin-top: .625rem;
        padding: 10vw 1.875rem 0;
        margin-right: auto;
        margin-left: auto;
        min-width: 50rem
    }

    .news-article article .article-container .article-header {
        text-align: center;
        margin-bottom: 1.25rem;
        text-transform: uppercase
    }

    .news-article article .article-container .article-header .container {
        margin-bottom: 0
    }

    .news-article article .article-container .article-header .article-title {
        font-family: Beaufort;
        font-size: 1.3rem !important;
        line-height: 1.5rem;
        margin-bottom: 1rem;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 1.5rem;
        align-items: center;
        display: flex;
        flex-direction: column;
        color: #f0e6d2
    }

    .news-article article .article-container .article-header .modify-article-title {
        margin: auto;
        text-align: left;
        text-transform: uppercase;
        text-align: center;
        color: #f0e6d2 !important;
        font-family: Beaufort;
        width: 100% !important;
        max-width: 31.25rem !important;
        font-weight: 700;
        line-height: 1.5rem
    }

    .news-article article .article-container .article-header #article-author-input {
        color: #c9aa71 !important
    }

    .news-article article .article-container .article-header .article-info .article-info-inner {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .news-article article .article-container .article-header .article-info .article-info-inner .article-author {
        color: #c9aa71 !important;
        letter-spacing: .02em;
        line-height: 140%;
        font-size: .75rem;
        font-weight: 700;
        text-transform: uppercase
    }

    .news-article article .article-container .article-header .article-info .article-info-inner .article-date {
        color: #5a5a5a !important;
        font-family: Beaufort;
        margin-top: 1rem;
        letter-spacing: .02em;
        line-height: 140%;
        font-size: .75rem;
        font-weight: 700;
        text-transform: uppercase
    }

    .news-article article .article-container .article-header .article-options {
        margin-top: 0rem
    }

    .news-article article .article-container .article-header .article-options .article-option {
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
        margin: 1rem;
        border: .0625rem solid #c9aa71;
        padding: .5rem 1rem
    }

    .news-article article .article-container .article-header .article-options .article-option:hover {
        color: #fff !important;
        border-color: #fff !important
    }

    .news-article article .article-container .article-header .article-options .article-publish-info {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .news-article article .article-container .article-header .article-options .article-publish-info span {
        margin: .5rem 0
    }

    .news-article article .article-container .article-body .ck-content h2 {
        font-size: 1.2rem !important
    }

    .news-article article .article-container .article-body .ck-content h2:first-of-type {
        padding: 0 !important;
        background-color: transparent !important;
        border: none !important
    }

    .news-article article .article-container .article-body .ck-content h2 strong {
        font-size: 1.2rem !important
    }

    .news-article article .article-container .article-body .ck-content p a, .news-article article .article-container .article-body .ck-content a {
        font-size: 1rem !important
    }

    .news-article article .article-container .article-body .ck-content ul, .news-article article .article-container .article-body .ck-content ol {
        list-style: none;
        padding-left: 1rem
    }

    .news-article article .article-container .article-body .ck-content ul li, .news-article article .article-container .article-body .ck-content ol li {
        line-height: 1.4 !important;
        margin-bottom: 1rem
    }

    .news-article article .article-container .article-body .ck-content ul li ol li, .news-article article .article-container .article-body .ck-content ul li ul li, .news-article article .article-container .article-body .ck-content ol li ol li, .news-article article .article-container .article-body .ck-content ol li ul li {
        margin-top: 1rem;
        color: gray !important
    }

    .news-article article .article-container .article-body .ck-content ul li ol li:before, .news-article article .article-container .article-body .ck-content ul li ul li:before, .news-article article .article-container .article-body .ck-content ol li ol li:before, .news-article article .article-container .article-body .ck-content ol li ul li:before {
        content: "■";
        color: #fff !important;
        display: inline-block;
        position: relative;
        left: -1rem;
        overflow: hidden;
        font-size: .5rem;
        line-height: 1
    }

    .news-article article .article-container .article-body .ck-content ul li ol li:first-of-type, .news-article article .article-container .article-body .ck-content ul li ul li:first-of-type, .news-article article .article-container .article-body .ck-content ol li ol li:first-of-type, .news-article article .article-container .article-body .ck-content ol li ul li:first-of-type {
        padding-top: 1rem
    }

    .news-article article .article-container .article-body .ck-content ul li ol li:last-of-type, .news-article article .article-container .article-body .ck-content ul li ul li:last-of-type, .news-article article .article-container .article-body .ck-content ol li ol li:last-of-type, .news-article article .article-container .article-body .ck-content ol li ul li:last-of-type {
        padding-bottom: 1rem
    }

    .news-article article .article-container .article-body .ck-content ul li:before, .news-article article .article-container .article-body .ck-content ol li:before {
        content: "■";
        color: #c9aa71;
        display: inline-block;
        position: relative;
        left: -1rem;
        overflow: hidden;
        font-size: .5rem;
        line-height: 1
    }

    .news-article article .article-container .article-outline-container {
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }

    .news-article article .article-container .article-outline-container.visible {
        opacity: 1 !important
    }

    .news-article article .article-container .article-outline-container.visible .article-outline {
        padding: 1rem 1.5rem 2rem;
        width: 100% !important
    }

    .news-article article .article-container .article-outline-container .article-outline {
        background-color: #1d1d1d;
        width: 0rem;
        border: .0625rem solid #333;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out
    }

    .news-article article .article-container .article-outline-container .article-outline .outline-title {
        color: #c9aa71;
        padding: 1rem 0;
        font-size: 1.2rem;
        font-weight: 700;
        display: table
    }

    .news-article article .article-container .article-outline-container .article-outline ol {
        margin: 0;
        padding: 0;
        padding-left: 1.5rem
    }

    .news-article article .article-container .article-outline-container .article-outline ol li {
        font-size: .875rem;
        margin: .5rem 0
    }

    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 {
        margin-left: 1rem
    }

    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a {
        color: #c9aa71 !important;
        border: none !important
    }

    .news-article article .article-container .article-outline-container .article-outline ol li.ind-3 a:hover {
        color: #fff !important
    }

    .news-article article .article-container .article-outline-container .article-outline ol li a {
        color: #dcdcdc !important;
        max-width: 16.875rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        cursor: pointer;
        -webkit-transition: color .35s ease;
        -moz-transition: color .35s ease;
        -ms-transition: color .35s ease;
        -o-transition: color .35s ease;
        transition: color .35s ease;
        font-weight: 700;
        border-bottom: .0625rem solid #2d2d2d;
        padding-bottom: .5rem
    }

    .news-article article .article-container .article-outline-container .article-outline ol li a:hover {
        color: #fff !important
    }

    .news-article article .sub-articles {
        z-index: 5;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 2rem;
        border-top: .0625rem solid rgba(255, 255, 255, .1)
    }

    .news-article article .sub-articles .article-list {
        border-bottom: .0625rem solid rgba(255, 255, 255, .1);
        padding-bottom: 1rem !important
    }

    .news-article article .sub-articles .article-list .article {
        min-height: 18.75rem !important;
        height: auto !important;
        border: none !important;
        padding: 0 0 1rem !important
    }

    .news-article article .sub-articles .article-list .article .d-flex {
        flex-direction: column
    }

    .news-article article .sub-articles .article-list .article .d-flex .thumbnail {
        height: 13.375rem !important;
        border: .0625rem solid #393939 !important;
        display: block !important;
        max-height: 13.375rem !important;
        max-width: 100% !important;
        width: 100% !important
    }

    .news-article article .sub-articles .article-list .article .d-flex .article-content .article-title {
        font-size: 1rem !important;
        margin: 0 !important
    }

    .news-article article .sub-articles .article-list .article .d-flex .article-content .article-description {
        display: none
    }

    .news-article section.intro {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 50vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-transition: visibility .7s;
        transition: visibility .7s;
        width: 100%;
        top: 0;
        opacity: 1;
        -webkit-transition: opacity .7s ease-in-out;
        transition: opacity .7s ease-in-out;
        position: relative;
        border-bottom: .0625rem solid #313131
    }

    .news-article section.intro .article-bg {
        height: 100%
    }

    .news-article section.intro.faded {
        opacity: 0;
        transition-delay: 50ms
    }

    .news-article section.intro .intro-content {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding-bottom: 3.25rem;
        position: absolute;
        text-align: center;
        transition: visibility .5s;
        transition-delay: 0s;
        width: 100%;
        top: 0;
        padding: 0 6.25rem 1.875rem
    }
}

@media (max-width: 48rem) and (max-width: 61.9375rem) and (min-width: 48rem) {
    .news-article section.intro .intro-content .hero-title {
        font-size: 3rem !important
    }
}

@media (max-width: 48rem) {
    .news-article section.intro .intro-content .article-hero-content.faded .hero-title {
        opacity: 0;
        transform: translateY(-6.25rem);
        transition-timing-function: ease-in;
        transition-delay: .1s
    }

    .news-article section.intro .intro-content .article-hero-content.faded .hero-author {
        opacity: 0;
        transform: translateY(-4.375rem) !important;
        transition-timing-function: ease-in;
        transition-delay: .15s
    }

    .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title, .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-author {
        transition-delay: 0s;
        transition-timing-function: ease-out
    }

    .news-article section.intro .intro-content .article-hero-content:not(.faded) .hero-title {
        transition-delay: .1s
    }

    .news-article section.intro .intro-content .article-hero-content .hero-title, .news-article section.intro .intro-content .article-hero-content .hero-author {
        transition: opacity .333s ease-out, transform .333s ease-in-out
    }

    .news-article section.intro .intro-content .article-hero-content .hero-title {
        font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 3.75rem;
        color: #c9aa71;
        text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8);
        word-break: break-word;
        color: #f0e6d2;
        text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7)
    }

    .news-article section.intro .intro-content .article-hero-content .hero-author {
        font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 1.125rem;
        margin-top: 1.1875rem;
        display: block;
        color: #c9aa71 !important;
        text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8)
    }

    .news-article section.intro .intro-content .article-intro-bottom {
        font-weight: 700;
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: .75rem;
        color: #a09b8c;
        margin-top: 1.25rem;
        position: relative;
        text-shadow: 0 0 1.25rem rgba(1, 10, 19, .7);
        transition: opacity .5s;
        transition-delay: 0s
    }

    .news-article section.intro .intro-content .article-intro-bottom span {
        letter-spacing: .05em;
        line-height: 100%;
        text-transform: uppercase;
        font-size: .75rem;
        color: #a09b8c;
        text-shadow: 0 0 .3125rem rgb(1, 10, 19), 0 0 .3125rem rgb(1, 10, 19)
    }

    .news-article section.intro .intro-content .article-intro-bottom:before {
        bottom: -1.8125rem;
        height: .4375rem;
        width: .4375rem
    }

    .news-article section.intro .intro-content .article-intro-bottom:after, .news-article section.intro .intro-content .article-intro-bottom:before {
        border-bottom: .125rem solid #a09b8c;
        border-left: .125rem solid #a09b8c;
        content: "";
        filter: drop-shadow(0 0 1.25rem rgba(1, 10, 19, .7));
        left: 50%;
        position: absolute;
        transform-origin: 0 100%;
        transform: rotate(-45deg)
    }

    .news-article section.intro .intro-content .article-intro-bottom:after {
        bottom: -2.25rem;
        height: .75rem;
        width: .75rem
    }

    .news-article .news-article section.intro .hero .hero-title {
        font-size: 2rem
    }

    .news-article footer {
        padding-bottom: 0 !important
    }
}

.ck.ck-editor__editable_inline {
    padding: 0 !important;
    min-height: 12.5rem
}

.ck.ck-editor__editable_inline > :first-child {
    margin: 0 !important
}

.ck.ck-editor__editable .ck-horizontal-line {
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #ffffff40;
    height: .0625rem;
    border: 0 none;
    width: 50%;
    margin: 1.75rem auto !important
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    outline: .0625rem solid #c9aa71;
    border: 0 !important;
    box-shadow: 0 !important
}

.ck-editor__nested-editable_focused {
    border-color: #c9aa71 !important;
    background-color: transparent !important;
    outline: none !important
}

.ck-content .image > figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #797979 !important;
    background-color: transparent !important;
    padding: .6em;
    font-size: .75em;
    outline-offset: -.0625rem;
    width: 100%;
    display: contents !important
}

.ck-content * {
    white-space: pre-line;
    word-wrap: anywhere
}

.ck-content .image {
    margin: 1.5rem 0 !important;
    display: inline-block !important
}

.ck-content .image img {
    margin: 0 0 1rem !important
}

.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: .3125rem solid #c9aa71 !important
}

a strong, a b {
    color: #c9aa71 !important;
    font-style: normal !important;
    font-weight: 500 !important
}

a strong:hover, a b:hover {
    color: #fff !important
}

@media (max-width: 61.125rem) {
    .changelog {
        padding: 0rem .9375rem
    }

    .changelog .page-title h2 {
        font-size: 1rem;
        margin-top: 3rem
    }

    .changelog .container .nav-panel-realms .ucp-nav .nav-link {
        padding: .8125rem .0625rem .8125rem .625rem
    }
}

.changelog * a {
    color: #c9aa71 !important
}

.changelog body {
    background-color: #131415
}

.changelog .page-title h2 {
    text-shadow: 0 0 .1875rem #000, 0 0 .1875rem #000 !important;
    font-size: 2rem
}

.changelog .page-title .lead {
    text-shadow: 0 0 .1875rem #000, 0 0 .1875rem #000 !important
}

.changelog .changelog-header {
    color: #f0e6d2;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

.changelog .changelog-header h2 {
    color: #c8aa6e;
    text-transform: uppercase;
    text-shadow: 0 0 .1875rem #000, 0 0 .1875rem #000 !important
}

.changelog .nav-panel-realms {
    border-bottom: .0625rem solid #2e2e2e
}

.changelog .nav-panel-realms .ucp-nav {
    flex-direction: row;
    margin: 0;
    border-radius: .125rem;
    position: -webkit-sticky;
    position: sticky;
    top: 5rem
}

.changelog .nav-panel-realms .ucp-nav .nav-separator {
    border-top: .0625rem solid #2e2e2e !important;
    border-bottom: .0625rem solid #2e2e2e !important;
    font-weight: 700;
    z-index: 2;
    color: #fff
}

.changelog .nav-panel-realms .ucp-nav .slider {
    position: absolute;
    bottom: .1875rem;
    height: .125rem;
    box-shadow: 0 .1875rem #c9aa717d;
    transition: all .3s ease-in-out
}

.changelog .nav-panel-realms .ucp-nav .nav-transparent {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important
}

.changelog .nav-panel-realms .ucp-nav .nav-transparent:hover {
    background-color: transparent !important
}

.changelog .nav-panel-realms .ucp-nav .nav-link {
    position: relative;
    display: block;
    margin: 0 1rem 0 0;
    padding: .8125rem 1rem .8125rem .625rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #f0e6d2 !important;
    z-index: 1;
    text-align: center;
    opacity: .75;
    font-size: 1.2rem;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-bottom: .125rem solid transparent;
    max-width: 22.375rem !important;
    outline: none !important
}

.changelog .nav-panel-realms .ucp-nav .nav-link:hover {
    opacity: .9
}

.changelog .nav-panel-realms .ucp-nav .nav-link.active, .changelog .nav-panel-realms .ucp-nav .nav-link.router-link-active, .changelog .nav-panel-realms .ucp-nav .nav-link.router-link-exact-active {
    opacity: 1;
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .125rem solid #c9aa71;
    outline: none !important;
    position: relative;
    bottom: -.0938rem
}

.changelog .nav-panel-realms .ucp-nav .nav-link i.mdi {
    margin-right: .3125rem;
    font-size: 1.125rem;
    position: relative
}

.changelog .changelog-search {
    position: relative;
    padding: .75rem 1rem;
    width: 31.25rem;
    text-align: center;
    background-color: #1d1d1d !important;
    border: .0625rem solid #333;
    border-radius: .25rem !important
}

.changelog .timeline {
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem
}

@media (max-width: 35.5rem) {
    .changelog .timeline {
        padding-left: 0 !important
    }

    .changelog .timeline:before {
        background: transparent !important;
        display: none !important
    }

    .changelog .timeline .timeline-item:before {
        display: none !important
    }

    .changelog .timeline .timeline-item .change-type {
        display: inline-block;
        margin-bottom: .5rem
    }

    .changelog .timeline .timeline-item .change-desc {
        display: inline-block;
        width: 100%
    }
}

.changelog .timeline:before {
    content: " ";
    background: #070707;
    display: inline-block;
    position: absolute;
    left: 1rem;
    width: .25rem;
    height: 100%;
    z-index: 400;
    border-radius: 1rem
}

.changelog .timeline .timeline-item.closed {
    height: 5.3125rem;
    overflow: hidden
}

.changelog .timeline .timeline-item {
    margin: 1.25rem 0;
    background-color: #1d1d1d;
    color: #f0e6d2;
    height: auto;
    border: .0625rem solid #333;
    -webkit-transition: all .5s ease-in-out !important;
    -moz-transition: all .5s ease-in-out !important;
    -ms-transition: all .5s ease-in-out !important;
    -o-transition: all .5s ease-in-out !important;
    transition: all .5s ease-in-out !important
}

@media (max-width: 35.125rem) {
    .changelog .timeline .timeline-item {
        margin: 1.25rem 1rem !important
    }
}

.changelog .timeline .timeline-item:hover {
    box-shadow: 0 0 .5rem .375rem #0006 !important
}

.changelog .timeline .timeline-item:before {
    content: " ";
    background: #c8aa6e;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: .1875rem solid rgb(31, 31, 31);
    left: .6875rem;
    width: .875rem;
    height: .875rem;
    z-index: 400;
    box-shadow: 0 0 .3125rem #0003
}

.changelog .timeline .timeline-item .change-title {
    padding: .3125rem .9375rem;
    border-radius: .25em;
    background: #393737;
    font-size: 1.3125rem;
    color: #dcdcdc;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

@media (max-width: 35.125rem) {
    .changelog .timeline .timeline-item .change-title .changes-made {
        display: none
    }
}

.changelog .timeline .timeline-item .change-subtitle {
    border-bottom: .0625rem solid #3c3c3c;
    padding-bottom: .5rem;
    -webkit-user-select: none;
    user-select: none;
    color: #c9aa71 !important
}

.changelog .timeline .timeline-item .change-list {
    list-style-type: none;
    margin-left: 0;
    padding: 0
}

.changelog .timeline .timeline-item .change-list .change-item .change-type {
    font-size: .75rem;
    border-radius: .3125rem;
    width: 5.6875rem;
    height: 1.4375rem;
    line-height: 1.4375rem;
    min-height: 1.4375rem;
    min-width: 5.6875rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: 0 0 .1875rem #000;
    -webkit-user-select: none;
    user-select: none
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=new], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=New], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=NEW] {
    background-color: #007bff
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=change], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=Change], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=CHANGE] {
    background-color: #28a745
}

.changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=removed], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=Removed], .changelog .timeline .timeline-item .change-list .change-item .change-type[data-type=REMOVED] {
    background-color: #dc3545
}

.changelog .timeline .timeline-item .change-list .change-item .change-desc {
    line-height: 1.4375rem;
    color: #f0e6d2
}

.changelog .timeline .timeline-arrow {
    border-top: .5rem solid transparent;
    border-right: .5rem solid #1d1d1d;
    border-bottom: .5rem solid transparent;
    display: block;
    position: absolute;
    left: 2rem
}

@media (max-width: 48rem) {
    .changelog .page-title h2 {
        font-size: 1.5rem
    }

    .changelog .timeline .timeline-item {
        -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53) !important;
        -moz-transition: all .2s cubic-bezier(.55, .085, .68, .53) !important;
        -ms-transition: all .2s cubic-bezier(.55, .085, .68, .53) !important;
        -o-transition: all .2s cubic-bezier(.55, .085, .68, .53) !important;
        transition: all .2s cubic-bezier(.55, .085, .68, .53) !important;
        max-height: 875rem !important;
        opacity: 1
    }

    .changelog .timeline .timeline-item .changelog-content {
        -webkit-transition: all .2s ease !important;
        -moz-transition: all .2s ease !important;
        -ms-transition: all .2s ease !important;
        -o-transition: all .2s ease !important;
        transition: all .2s ease !important;
        opacity: 1;
        max-height: 875rem !important
    }

    .changelog .timeline .timeline-item .changelog-content * {
        -webkit-transition: all .2s ease !important;
        -moz-transition: all .2s ease !important;
        -ms-transition: all .2s ease !important;
        -o-transition: all .2s ease !important;
        transition: all .2s ease !important
    }

    .changelog .timeline .timeline-item .changelog-content .timeline-arrow {
        display: none !important
    }

    .changelog .timeline .timeline-item .changelog-content .change-title {
        border-radius: .25rem !important;
        -webkit-transition: border-radius .75s ease !important;
        -moz-transition: border-radius .75s ease !important;
        -ms-transition: border-radius .75s ease !important;
        -o-transition: border-radius .75s ease !important;
        transition: border-radius .75s ease !important
    }

    .changelog .timeline .timeline-item.closed {
        padding-top: 0 !important;
        max-height: 2.1875rem !important;
        overflow: hidden;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .changelog .timeline .timeline-item.closed .change-title {
        border-radius: .0625rem !important
    }

    .changelog .timeline .timeline-item.closed .changelog-content {
        opacity: 0
    }
}

.newsboard * a {
    color: #c9aa71 !important
}

.newsboard body {
    background-color: #131415 !important
}

.newsboard .sub-articles .article-list .article a .article-content {
    cursor: pointer !important
}

.newsboard .searchinput {
    right: 3.25rem;
    position: absolute
}

.newsboard .searchrow {
    position: relative;
    margin-bottom: 3.125rem
}

.newsboard .searchrow input {
    background: rgba(0, 0, 0, .6784313725) !important;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem)
}

.newsboard .searchrow {
    margin-bottom: .6rem;
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem
}

.newsboard .searchrow .board-title {
    line-height: 2.5rem;
    font-weight: bolder;
    font-size: 2rem;
    margin-bottom: 1rem;
    -webkit-user-select: none;
    user-select: none;
    color: #c9aa71;
    text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important
}

.newsboard .searchrow .searchinput {
    position: relative;
    right: 0
}

.newsboard .main .container {
    height: 100%;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif
}

.newsboard .main .container .wrapper {
    width: 100%
}

.newsboard .main .container .wrapper .news-item .item-container {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 1rem .875rem #0006;
    overflow: hidden;
    border: .0625rem solid rgb(50, 40, 31);
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container:hover {
    transform: scale(1.1);
    z-index: 99 !important;
    border: .0625rem solid #c9aa71 !important
}

.newsboard .main .container .wrapper .news-item .item-container:hover .description-container .item-fold {
    height: 3.125rem !important;
    border-top: .0625rem solid #7e633b
}

.newsboard .main .container .wrapper .news-item .item-container img {
    width: 100% !important;
    object-fit: cover !important;
    height: 100% !important;
    max-height: 10.125rem
}

.newsboard .main .container .wrapper .news-item .item-container .description-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #121212;
    text-align: center;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description {
    height: 6.875rem;
    padding: 1.3125rem 1.5625rem 0rem;
    background-color: #121212;
    border-top: .0625rem solid #7e633b;
    width: 100%;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description .item-type {
    font-size: .8125rem;
    letter-spacing: .125rem;
    color: #7e633b;
    font-weight: 700
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-description .item-title {
    font-size: .875rem;
    color: #f1e6cf;
    font-weight: 500;
    letter-spacing: .125rem;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
    margin: .5625rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.newsboard .main .container .wrapper .news-item .item-container .description-container .item-fold {
    background-color: #0a0a0a;
    height: 0rem;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    overflow: hidden;
    text-align: center;
    color: #c8aa6e;
    line-height: 3.125rem;
    font-size: .6875rem;
    letter-spacing: .3rem
}

.newsboard .main .container .wrapper .right-container .news-item {
    height: 13.4375rem;
    padding: .5rem
}

.newsboard .main .container .wrapper .right-container .news-item .item-container {
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-position: top !important;
    background-size: contain !important
}

.newsboard .main .container .wrapper .right-container .news-item .item-container .description-container .item-description {
    height: 5rem;
    padding-top: .6875rem
}

.newsboard .main .container .wrapper .left-container .news-item {
    height: 26.875rem;
    padding: .5rem
}

.newsboard .main .container .wrapper .left-container .news-item .item-container {
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-color: #c9aa71 !important
}

.newsboard .main .container .mobile-wrapper {
    width: 100vw
}

.newsboard .main .container .mobile-wrapper .news-item {
    height: 21.875rem;
    padding: 0 .5rem;
    margin-bottom: 1.5rem
}

.newsboard .main .container .mobile-wrapper .news-item .item-container {
    -webkit-transition-timing-function: ease, linear, ease;
    -moz-transition-timing-function: ease, linear, ease;
    transition-timing-function: ease, linear, ease;
    -webkit-transition-duration: .3s, .3s, .3s;
    -moz-transition-duration: .3s, .3s, .3s;
    transition-duration: .3s, .3s, .3s;
    box-shadow: 0 0 1rem .875rem #0006;
    overflow: hidden;
    border: .0625rem solid rgb(50, 40, 31);
    position: relative;
    background-color: #101217;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.newsboard .main .container .mobile-wrapper .news-item .item-container:hover {
    transform: scale(1.1);
    z-index: 99 !important;
    border: .0625rem solid #c9aa71 !important
}

.newsboard .main .container .mobile-wrapper .news-item .item-container:hover .description-container .item-fold {
    height: 3.125rem !important;
    border-top: .0625rem solid #7e633b
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #121212;
    text-align: center
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description {
    height: 6.875rem;
    padding: 1.3125rem 1.5625rem 0rem;
    background-color: #121212;
    border-top: .0625rem solid #7e633b;
    width: 100%;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description .item-type {
    font-size: .8125rem;
    letter-spacing: .125rem;
    color: #7e633b;
    font-weight: 700
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-description .item-title {
    font-size: .875rem;
    color: #f1e6cf;
    padding: .5625rem 0 .375rem;
    font-weight: 500;
    letter-spacing: .125rem
}

.newsboard .main .container .mobile-wrapper .news-item .item-container .description-container .item-fold {
    background-color: #0a0a0a;
    height: 0rem;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    overflow: hidden;
    text-align: center;
    color: #c8aa6e;
    line-height: 3.125rem;
    font-size: .6875rem;
    letter-spacing: .3rem;
    position: relative;
    z-index: 5
}

.newsboard .main .container .sub-articles.sub-search {
    margin-top: 15rem
}

.newsboard .main .container .sub-articles {
    width: 100%;
    margin-top: 5rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.newsboard .main .container .sub-articles .article-list {
    padding: 0 !important;
    border-bottom: .0625rem solid rgba(255, 255, 255, .1)
}

.newsboard .main .container .sub-articles .article-list .article {
    width: 100%;
    height: 14.375rem;
    list-style: none;
    border-top: .0625rem solid rgba(255, 255, 255, .1);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer !important;
    transition: all .3s ease-in-out
}

.newsboard .main .container .sub-articles .article-list .article .thumbnail {
    border: .0625rem solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.newsboard .main .container .sub-articles .article-list .article:hover {
    background-color: #ffffff0d
}

.newsboard .main .container .sub-articles .article-list .article:hover .thumbnail {
    border-color: #c8aa6e
}

.newsboard .main .container .sub-articles .article-list .article:hover .article-title {
    color: #fff !important
}

.newsboard .main .container .sub-articles .article-list .article .thumbnail {
    overflow: hidden;
    height: 11.3125rem;
    width: 21.875rem;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: .0625rem solid transparent;
    -webkit-transition: border-color .35s ease;
    -moz-transition: border-color .35s ease;
    -ms-transition: border-color .35s ease;
    -o-transition: border-color .35s ease;
    transition: border-color .35s ease
}

.newsboard .main .container .sub-articles .article-list .article .article-content {
    cursor: pointer !important;
    margin-left: 1.5rem;
    max-width: 42.5rem;
    z-index: -1
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-title {
    font-weight: 700;
    color: #c8aa6e;
    transition: color .4s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 1.5rem;
    line-height: 1.75 !important;
    margin-top: .3rem
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-description {
    color: #f0e6d2;
    margin: .5rem 0;
    line-height: 1.5 !important
}

.newsboard .main .container .sub-articles .article-list .article .article-content .article-date {
    line-height: 1.75 !important;
    color: #fff3
}

.newsboard .main .container .sub-articles .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

.newsboard .main .container .sub-articles .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

.newsboard .main .container .sub-articles .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

.newsboard .main .container .sub-articles .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

.newsboard .main .container .sub-articles .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

@media (min-width: 75rem) {
    .newsboard .container {
        max-width: 81.25rem
    }
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    .newsboard .sub-articles .article .thumbnail {
        min-width: 18.75rem
    }
}

@media (max-width: 48rem) {
    .newsboard .article .thumbnail {
        display: block !important;
        max-height: 13.375rem !important;
        max-width: 100% !important;
        height: auto !important;
        width: auto !important
    }

    .newsboard .article .article-content {
        margin-left: 0rem !important
    }

    .newsboard .searchrow {
        justify-content: center !important;
        width: 100% !important;
        margin-top: 1rem
    }

    .newsboard .searchrow input {
        width: 100% !important
    }

    .newsboard .main .container .wrapper .left-container .news-item {
        height: 15rem;
        margin-bottom: 2rem
    }

    .newsboard .main .container .wrapper .left-container .news-item .item-container {
        height: 15rem;
        background-size: 100% 100%;
        border-color: #c9aa71 !important
    }

    .newsboard .main .container .wrapper .right-container .news-item {
        height: 15rem;
        margin-bottom: 1rem
    }

    .newsboard .main .container .wrapper .right-container .news-item .item-container {
        height: 13.75rem;
        background-size: 100% 100%;
        max-height: 13.75rem !important
    }

    .newsboard .main .container .wrapper .right-container .news-item .item-container .item-img {
        width: 100% !important;
        object-fit: cover !important;
        height: 100% !important;
        max-height: 100%
    }

    .newsboard .item-container {
        height: 13.75rem
    }

    .newsboard .item-container .item-type {
        color: #c9aa71 !important;
        text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important;
        font-weight: 700 !important
    }

    .newsboard .item-container .item-title {
        text-shadow: 0 0 .1875rem rgb(0, 0, 0), 0 0 .1875rem rgb(0, 0, 0) !important;
        font-weight: 700 !important
    }

    .newsboard .item-container:hover {
        transform: scale(1) !important
    }

    .newsboard .description-container {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: transparent !important;
        text-align: center;
        backface-visibility: hidden;
        transform: translateZ(0);
        -webkit-font-smoothing: subpixel-antialiased
    }

    .newsboard .description-container .item-description {
        background-color: transparent !important;
        border-top: none !important
    }

    .newsboard .description-container .item-fold {
        display: none !important
    }

    .newsboard .sub-articles {
        z-index: 5;
        margin-top: 0 !important
    }

    .newsboard .sub-articles .article {
        min-height: 18.75rem !important;
        height: auto !important;
        border: none !important;
        padding-bottom: 0 !important
    }

    .newsboard .sub-articles .article .d-flex {
        flex-direction: column
    }

    .newsboard .sub-articles .article .d-flex .thumbnail {
        height: 13.375rem !important;
        border: .0625rem solid #393939 !important
    }

    .newsboard .sub-articles .article .d-flex .article-content .article-title {
        font-size: 1rem !important;
        margin-bottom: 0 !important
    }

    .newsboard .sub-articles .article .d-flex .article-content .article-description {
        display: none
    }
}

.ui-menu {
    max-height: 28.125rem;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0;
    left: auto !important
}

.ui-menu .ui-menu-item {
    background-color: #131415
}

.ui-menu .ui-menu-item img {
    margin-left: .625rem
}

#faqboard {
    min-height: 79% !important
}

#faqboard .searchinputrow {
    right: 3.25rem;
    position: absolute;
    border: .0625rem solid grey;
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

#faqboard .searchinputrow .btn {
    color: #fff
}

#faqboard .searchinput {
    border: none;
    outline: none
}

#faqboard .searchinput:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#faqboard .searchrow {
    margin-top: 4.375rem;
    position: relative
}

@media (max-width: 37.25rem) {
    #faqboard .display-4 {
        font-size: 1.3rem !important;
        font-weight: 700
    }
}

#faqboard .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

#faqboard .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

#faqboard .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#faqboard .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

#faqboard .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#faqboard h3 {
    font-size: 1.5rem;
    color: #c9aa71;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    font-weight: 700
}

#faqboard .faq-nav {
    flex-direction: column;
    margin: 0 0 2rem;
    border-radius: .125rem;
    border: .0625rem solid #2e2e2e;
    box-shadow: 0 .0625rem .3125rem #55555526
}

#faqboard .faq-nav .nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: .8125rem 1rem;
    background: #1e1e1e;
    border: 0;
    border-bottom: .0625rem solid #2e2e2e;
    border-radius: 0;
    color: #616161;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#faqboard .faq-nav .nav-link .ubadge {
    float: right
}

#faqboard .faq-nav .nav-link:hover {
    background-color: #262626
}

#faqboard .faq-nav .nav-link.active {
    background-color: #262626;
    font-weight: 700;
    color: #000000de
}

#faqboard .faq-nav .nav-link:last-of-type {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    border-bottom: 0
}

#faqboard .faq-nav .nav-link i.mdi {
    margin-right: .3125rem;
    font-size: 1.125rem;
    position: relative
}

#faqboard .tab-content {
    box-shadow: 0 .0625rem .3125rem #0f0f0f26
}

#faqboard .tab-content .card {
    border-radius: 0;
    background-color: #121212;
    border: .0625rem solid #2e2e2e
}

#faqboard .tab-content .card-header {
    padding: 0;
    border-radius: 0;
    background-color: #1e1e1e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#faqboard .tab-content .card-header:hover {
    background-color: #262626
}

#faqboard .tab-content .card-header h5 {
    margin: 0
}

#faqboard .tab-content .card-header h5 button {
    display: block;
    width: 100%;
    border: 0;
    font-weight: 700;
    color: #c9aa71;
    text-align: left;
    white-space: normal;
    padding: .9375rem 1rem
}

#faqboard .tab-content .card-header h5 button:hover, #faqboard .tab-content .card-header h5 button:focus, #faqboard .tab-content .card-header h5 button:active, #faqboard .tab-content .card-header h5 button:hover:active {
    text-decoration: none;
    background-color: transparent !important;
    color: #c9aa71 !important
}

#faqboard .tab-content .card-body p {
    color: #616161
}

#faqboard .tab-content .card-body p:last-of-type {
    margin: 0
}

#faqboard .accordion > .card:not(:last-child) {
    border-bottom: 0
}

#faqboard .collapse.show .card-body {
    border-bottom: .0625rem solid rgba(0, 0, 0, .125)
}

.table-up {
    margin-left: -2.8125rem
}

.table-down {
    margin-left: 1.25rem
}

.action_btn {
    color: #e8d8b2 !important
}

.addcategoryrow {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

#table_div {
    overflow-x: hidden
}

#table {
    text-align: center
}

.clear_q {
    padding: 0rem;
    display: flex;
    align-items: center;
    border: none;
    background: none
}

.clear_q:hover {
    background-color: transparent !important;
    border: none !important
}

#paypal-button-container {
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
    background-color: transparent;
    border-radius: 7px
}

#paypal-button-container.active {
    background-color: #fff
}

#contactboard .donate-icon:after {
    background: url(https://api.ascension.gg/assets/e73a780e.svg) no-repeat;
    background-size: contain
}

#contactboard .history-icon:after {
    background: url(https://api.ascension.gg/assets/bce417ca.svg) no-repeat;
    background-size: contain
}

#contactboard .redeem-icon:after {
    background: url(https://api.ascension.gg/assets/eee62481.svg) no-repeat;
    background-size: contain
}

#contactboard .money-icon:after {
    background: url(https://api.ascension.gg/assets/7e97f72d.svg) no-repeat;
    background-size: contain
}

#contactboard .paypal-icon:after {
    background: url(https://api.ascension.gg/assets/5a1d6d60.svg) no-repeat;
    background-size: contain
}

#contactboard .pending-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1d1d1d;
    padding: .875rem 1rem .875rem 0;
    position: relative;
    -webkit-box-shadow: 0 .125rem .625rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .125rem .625rem #0003;
    border-radius: .3125rem;
    max-width: 37.5rem
}

@media only screen and (max-width: 36rem) {
    #contactboard .pending-container img {
        display: none !important
    }
}

#contactboard .pending-container img {
    width: 5.625rem;
    position: absolute;
    bottom: .875rem;
    left: 1rem
}

#contactboard .pending-container div {
    margin-left: 12.5rem
}

#contactboard .pending-container div span {
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #dcdcdc
}

#contactboard .pending-container div .order-qty {
    background-color: #c9aa71;
    color: #000;
    padding: .1rem .5rem;
    border-radius: .3125rem
}

@media only screen and (max-width: 36rem) {
    #contactboard .payment-padding {
        padding: 1rem !important
    }

    #contactboard .paymentwall.payment-padding {
        padding: 1rem .5rem !important
    }
}

#contactboard #myTab .nav-item {
    -webkit-user-select: none;
    user-select: none
}

#contactboard #myTab .nav-item .nav-link {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#contactboard #myTab .nav-item .router-link-exact-active {
    color: #dcdcdc !important;
    font-weight: 700
}

#card-fields-container {
    background: white !important
}

.cc-debit-card {
    min-height: 40.75rem
}

.cc-debit-card .proc-body {
    min-height: 34.375rem !important
}

.cc-debit-card .proc-text {
    color: #827d7d;
    font-weight: 700
}

.cc-debit-card .purchased-text {
    font-weight: 700;
    color: #5cb85c
}

.cc-debit-card .sk-cube-grid {
    width: 2.5rem;
    height: 2.5rem;
    margin: 3.125rem auto
}

.form-group label {
    -webkit-user-select: none;
    user-select: none
}

.form-group a {
    color: #c9aa71;
    text-decoration: underline !important;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.form-group a:hover {
    color: #fff !important
}

.form-group .bep20 {
    color: #dc143c;
    font-weight: 700;
    text-shadow: 0rem 0rem .3125rem crimson;
    margin-left: 1rem
}

.small.cc-text {
    -webkit-user-select: none;
    user-select: none
}

.checkbox label {
    color: #dcdcdc;
    -webkit-user-select: none;
    user-select: none
}

.checkbox label a {
    color: #c9aa71;
    text-decoration: underline !important;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.checkbox label a:hover {
    color: #fff !important
}

.donateboard {
    margin-bottom: 2rem
}

.donateboard .selection .item-anchor .item-inner .item-title {
    margin-bottom: 3.75rem !important
}

.donateboard .selection .payment-option .item-inner .item-title {
    margin-bottom: .625rem !important
}

.donateboard .container {
    margin-bottom: 5rem
}

.donateboard .item-title {
    color: #8a8a8a
}

.donateboard .bonus-dp {
    color: #ffba2f
}

.donateboard #paypal .paypal-logo {
    padding-left: 0;
    padding-bottom: 1rem;
    margin-top: .625rem
}

.donateboard .discount-dropdown {
    background-color: #1e1e1e !important;
    color: #f0c87d !important;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

.donateboard .discount-text {
    line-height: 2.5rem;
    font-weight: 700;
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem;
    position: relative;
    text-shadow: 0rem 0rem .3125rem #ff5400
}

.donateboard .discount-clarification {
    color: #dcdcdc;
    line-height: 2.5rem;
    font-weight: 700;
    text-shadow: 0 0 .3125rem black
}

.donateboard .discount-color {
    color: #f0c87d;
    text-shadow: rgb(89, 87, 87) 0rem 0rem .125rem
}

.donateboard .nav-item {
    border: none !important;
    border-color: transparent !important
}

.donateboard #egc #redeem-link {
    margin-bottom: .5rem !important;
    position: relative !important;
    top: -.125rem !important
}

.donateboard #egc .btn-primary {
    line-height: 2.1875rem
}

.donateboard #redeem #egc-link {
    margin-bottom: .5rem !important;
    position: relative !important;
    top: -.125rem !important
}

.donateboard .nav-link.router-link-exact-active.router-link-active {
    border-color: #dee2e61f !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    background: #1e1e1e;
    color: #c9aa71 !important
}

.donateboard .nav-link {
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85) !important;
    color: #f0e6d2 !important
}

.donateboard .payment-tab {
    margin-top: 2rem;
    text-align: left
}

.donateboard .payment-tab .nav-item, .donateboard .payment-tab .nav-link {
    border: none !important
}

.donateboard .payment-tab .tab-pane {
    box-shadow: 0 0 1rem .875rem #0003 !important
}

.donateboard .payment-tab .nav-tabs .nav-link {
    border: none !important;
    border: .0625rem solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85) !important
}

.donateboard .payment-tab .nav-tabs .nav-link .nav-item.router-link-exact-active {
    border-color: #dee2e61f !important
}

.donateboard .payment-tab .nav-tabs .nav-link.active, .donateboard .payment-tab .router-link-exact-active, .donateboard .payment-tab .nav-tabs .nav-item.show .nav-link {
    border: none !important;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85) !important
}

.donateboard .payment-tab .btn-primary {
    background: #00c6ff;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
    background: linear-gradient(to right, #0072ff, #00c6ff);
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #fff !important;
    font-size: 1.2rem;
    box-shadow: 0 0 .625rem .0625rem #0079c1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    border: none !important
}

.donateboard .payment-tab .btn-primary:hover {
    box-shadow: 0 0 .625rem .0625rem #00d2ff !important;
    background: #00d2ff;
    background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
    background: linear-gradient(to right, #3a7bd5, #00d2ff);
    color: #fff !important
}

.donateboard .payment-tab .btn-coinbase {
    background: #6f00ff;
    background: -webkit-linear-gradient(to right, #0072ff, #6f00ff);
    background: linear-gradient(to right, #0072ff, #6f00ff);
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #fff !important;
    font-size: 1.2rem;
    box-shadow: 0 0 .625rem .0625rem #0027c1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    border: none !important
}

.donateboard .payment-tab .btn-coinbase:hover {
    box-shadow: 0 0 .625rem .0625rem #6f00ff !important;
    background: #6f00ff;
    background: -webkit-linear-gradient(to right, #3a7bd5, #6f00ff);
    background: linear-gradient(to right, #3a7bd5, #6f00ff);
    color: #fff !important
}

.donateboard .payment-tab .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

.donateboard .payment-tab .card {
    background-color: #1e1e1e;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

@media (max-width: 48rem) {
    #contactboard.donateboard .donate-title {
        font-size: 1.5rem !important
    }

    #contactboard.donateboard .bep20 {
        color: #dc143c;
        font-weight: 700;
        text-shadow: 0rem 0rem .3125rem crimson;
        margin-left: 0rem;
        margin-top: .25rem;
        display: block
    }
}

@media only screen and (min-width: 72.625rem) {
    #download-page .content {
        max-width: 47.5rem
    }
}

#download-page h1 {
    font-weight: 700
}

@media only screen and (min-width: 48rem) {
    #download-page h1 {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 2rem
    }
}

#download-page h2 {
    color: #ffffffd9
}

@media only screen and (min-width: 48rem) {
    #download-page h2 {
        font-size: 1.625rem;
        line-height: 2.25rem;
        letter-spacing: -.03062rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 48rem) {
    #download-page h2 {
        font-size: 1.2rem;
        letter-spacing: -.03062rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

#download-page .row .download-subtext .small {
    color: #ffffff7a !important
}

#download-page .row .download-subtext .small .small-link {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#download-page .row .download-subtext .small .small-link:hover {
    text-decoration: underline !important;
    color: #fff !important
}

@media only screen and (max-width: 48rem) {
    #download-page .row .download-subtext {
        margin-top: 2rem !important
    }

    #download-page .row .action-list {
        display: block !important;
        padding: 0 !important;
        margin: 1rem 0
    }

    #download-page .row .action-list .action-item {
        width: 90% !important;
        margin: 1rem auto !important
    }
}

#download-page .row .action-list {
    margin: 3rem auto 1rem;
    display: flex;
    align-items: center;
    border-radius: 3.75rem
}

#download-page .row .action-list .action-item {
    display: inline-block;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    list-style-type: none;
    padding: 1.5625rem 2.5rem;
    border-radius: 3.75rem;
    border: .0625rem solid #4d4d4d;
    width: 100%;
    text-align: center;
    color: #ffffffa6 !important;
    background-color: #00000040 !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#download-page .row .action-list .action-item:hover {
    background-color: #3d3d3d40 !important;
    border: .0625rem solid #c9aa71;
    cursor: pointer !important
}

#download-page .row .action-list .action-item h2 {
    color: #ffffffd9 !important;
    font-weight: 700
}

#download-page .row .action-list .action-item .mdi {
    font-size: 3rem;
    color: #c9aa71
}

#download-page .row .action-list .action-item p {
    line-height: 1.25rem;
    color: #ffffffa6 !important
}

@media only screen and (max-width: 48rem) {
    #download-page .download-upper ul {
        margin: 1rem auto;
        display: flex;
        max-width: 46.25rem;
        align-items: center;
        background-color: #00000040 !important;
        padding: 1.5625rem 2.5rem;
        border-radius: 1rem;
        border: .0625rem solid #4d4d4d
    }

    #download-page .download-upper ul li {
        display: flex;
        align-items: center;
        font-size: 1rem;
        font-weight: 500;
        list-style-type: none;
        padding: .5rem 1rem;
        width: 100%;
        text-align: center;
        color: #ffffffa6
    }

    #download-page .download-upper ul li strong {
        color: #fff
    }
}

#download-page .download-upper ul.leads {
    margin: 3rem auto 1rem;
    display: flex;
    max-width: 46.25rem;
    align-items: center;
    background-color: #00000040 !important;
    padding: 1.5625rem 2.5rem;
    border-radius: 3.75rem;
    border: .0625rem solid #4d4d4d
}

@media only screen and (max-width: 35.5rem) {
    #download-page .download-upper ul.leads {
        flex-direction: column !important;
        width: 90% !important;
        margin: 3rem auto !important
    }
}

#download-page .download-upper ul.leads li {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    list-style-type: none;
    padding: .5rem 1rem;
    width: 100%;
    text-align: center;
    color: #ffffffa6
}

#download-page .download-upper ul.leads li strong {
    color: #fff
}

@media (max-width: 34.875rem) {
    .thankstitle {
        font-size: 1.5rem !important
    }
}

@media (max-width: 24.3125rem) {
    .thankstitle {
        font-size: 1rem !important
    }
}

#ucpboard h3 {
    font-size: 1.5rem;
    color: #c9aa71;
    padding-bottom: 1.5rem;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    font-weight: 700
}

#ucpboard .no-event {
    pointer-events: none
}

#ucpboard .btn-outline-primary {
    color: #c9aa71 !important;
    border: .0625rem solid #c9aa71;
    border-color: #c9aa71 !important
}

#ucpboard .btn-outline-primary:hover {
    color: #000 !important
}

#ucpboard .leaderboard-card {
    overflow: hidden !important
}

#ucpboard .leaderboard-card:hover .card-body, #ucpboard .leaderboard-card:hover .card-header {
    box-shadow: .1875rem .3125rem .3125rem #00000057
}

#ucpboard .leaderboard-card:hover .hof-edit {
    display: block !important;
    position: absolute;
    top: 1rem;
    right: 1rem
}

#ucpboard .leaderboard-card .card-img-wrapper {
    padding-top: 56.25%;
    height: 0;
    overflow: hidden !important;
    position: relative;
    border: .0625rem solid #333
}

#ucpboard .leaderboard-card .card-img-wrapper .card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card .card-img-wrapper .hof-edit {
    display: none;
    border: .0625rem solid #c9aa71 !important;
    background-color: #1e1e1e;
    color: #c9aa71 !important;
    padding: .5rem 1rem;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card .card-img-wrapper .hof-edit:hover {
    background-color: #c9aa71 !important;
    color: #000 !important
}

#ucpboard .leaderboard-card .card-body {
    border: .0625rem solid #333;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .leaderboard-card:hover .card-img-wrapper {
    border: .0625rem solid #c9aa71 !important;
    position: relative
}

#ucpboard .leaderboard-card:hover .card-img-wrapper .card-img-top {
    transform: scale(1.5) rotate(5deg) !important;
    filter: sepia(50%) !important;
    cursor: pointer;
    top: 0;
    left: 0
}

#ucpboard #ucp-container {
    max-width: 100rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

#ucpboard #ucp-container .personal-placement tbody tr {
    border-left: .125rem solid orange;
    margin-bottom: 1rem;
    box-shadow: 0 .1875rem .375rem #00000029, 0 .1875rem .375rem #0000003b
}

#ucpboard #ucp-container .personal-placement tbody tr:hover {
    box-shadow: 0 .875rem 1.75rem #00000040, 0 .625rem .625rem #00000038
}

#ucpboard #ucp-container .mythic tr th span, #ucpboard #ucp-container .mythic tr th img {
    margin-top: auto;
    margin-bottom: auto
}

#ucpboard #ucp-container .mythic tr th select, #ucpboard #ucp-container .mythic tr th select option {
    background-color: #1e1e1e;
    cursor: pointer
}

#ucpboard #ucp-container .mythic tr th.table-category-0, #ucpboard #ucp-container .mythic tr th.table-category-1, #ucpboard #ucp-container .mythic tr th.table-category-2 {
    line-height: 3.125rem !important
}

#ucpboard #ucp-container .mythic tr th.table-category-3, #ucpboard #ucp-container .mythic tr th.table-category-5 {
    line-height: 1.5625rem !important
}

#ucpboard #ucp-container .ranking tbody .position-gold {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@supports (-moz-appearance: none) {
    #ucpboard #ucp-container .ranking tbody .position-gold:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: .1875rem;
        background: gold;
        -webkit-appearance: none
    }
}

#ucpboard #ucp-container .ranking tbody .position-gold span {
    padding: .5rem .75rem;
    background-color: gold;
    box-shadow: 0 0 .3125rem #c9aa71;
    color: #000 !important;
    border-radius: .3125rem
}

@supports (-moz-appearance: none) {
    #ucpboard #ucp-container .ranking tbody .position-gold span:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 4.3125rem;
        width: .1875rem;
        background: gold;
        -webkit-appearance: none
    }
}

#ucpboard #ucp-container .ranking tbody .position-silver {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@supports (-moz-appearance: none) {
    #ucpboard #ucp-container .ranking tbody .position-silver:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: .1875rem;
        background: #b7d8f4
    }
}

#ucpboard #ucp-container .ranking tbody .position-silver span {
    padding: .5rem .75rem;
    background-color: #b7d8f4;
    box-shadow: 0 0 .3125rem #b7d8f4;
    color: #000 !important;
    border-radius: .3125rem
}

#ucpboard #ucp-container .ranking tbody .position-bronze {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@supports (-moz-appearance: none) {
    #ucpboard #ucp-container .ranking tbody .position-bronze:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: .1875rem;
        background: #b99867
    }
}

#ucpboard #ucp-container .ranking tbody .position-bronze span {
    padding: .5rem .75rem;
    background-color: #b99867;
    box-shadow: 0 0 .3125rem #b99867;
    color: #000 !important;
    border-radius: .3125rem
}

#ucpboard #ucp-container .global-ranking {
    width: 100% !important;
    max-width: 100%
}

#ucpboard #ucp-container .global-ranking tbody tr {
    position: relative;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8)
}

#ucpboard #ucp-container .global-ranking .thead-item-wrapper {
    flex-direction: row
}

#ucpboard #ucp-container .global-ranking .thead-item {
    line-height: 1.5rem
}

#ucpboard #ucp-container .global-ranking .sort-button img {
    height: 1rem;
    margin-top: .25rem;
    margin-left: .3125rem
}

#ucpboard #ucp-container .global-ranking .first-place {
    color: gold !important;
    text-shadow: 0 0 .0625rem transparent, 0 0 .1875rem gold
}

#ucpboard #ucp-container .global-ranking .second-place {
    color: #9ab5bd !important;
    text-shadow: 0 0 .0625rem transparent, 0 0 .1875rem #9ab5bd
}

#ucpboard #ucp-container .global-ranking .third-place {
    color: #b58c41 !important;
    text-shadow: 0 0 .0625rem transparent, 0 0 .1875rem #b58c41
}

#ucpboard #ucp-container .global-ranking thead tr {
    background: #2b2b2b
}

#ucpboard #ucp-container .global-ranking thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    font-size: .875rem;
    border-bottom: none;
    width: auto !important;
    text-shadow: 0 0 .0625rem transparent, 0 0 .3125rem rgba(0, 0, 0, .8)
}

#ucpboard #ucp-container .global-ranking tbody {
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b
}

#ucpboard #ucp-container .global-ranking tbody .place, #ucpboard #ucp-container .global-ranking tbody .kills, #ucpboard #ucp-container .global-ranking tbody .lvl, #ucpboard #ucp-container .global-ranking tbody .ilvl, #ucpboard #ucp-container .global-ranking tbody .died {
    overflow: hidden;
    position: relative
}

#ucpboard #ucp-container .global-ranking tbody .place:empty:before, #ucpboard #ucp-container .global-ranking tbody .kills:empty:before, #ucpboard #ucp-container .global-ranking tbody .lvl:empty:before, #ucpboard #ucp-container .global-ranking tbody .ilvl:empty:before, #ucpboard #ucp-container .global-ranking tbody .died:empty:before {
    width: calc(100% - 1rem);
    height: 1.125rem;
    overflow-x: hidden;
    background-image: linear-gradient(#424242 2.5rem, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: .9375rem;
    z-index: 1;
    top: .9375rem;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .name, #ucpboard #ucp-container .global-ranking tbody .played {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .name:empty:before, #ucpboard #ucp-container .global-ranking tbody .played:empty:before {
    width: calc(100% - 1rem);
    height: 1.125rem;
    overflow-x: hidden;
    background-image: linear-gradient(rgb(66, 66, 66) 2.5rem, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: .9375rem;
    z-index: 1;
    top: .9375rem;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#ucpboard #ucp-container .global-ranking tbody .reason {
    overflow: hidden;
    position: relative
}

#ucpboard #ucp-container .global-ranking tbody .reason:empty:before {
    width: calc(100% - 2rem);
    height: 1.125rem;
    overflow-x: hidden;
    background-image: linear-gradient(#424242 2.5rem, transparent 0);
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    border-radius: .9375rem;
    z-index: 1;
    top: .9375rem;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media (max-width: 48rem) {
    #ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft {
        margin: 0 !important;
        display: flex;
        justify-content: center !important;
        text-align: center;
        padding-left: .9375rem !important;
        font-size: 1.1rem
    }

    #ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight {
        margin: 0 !important;
        display: flex;
        justify-content: center !important;
        text-align: center;
        padding-bottom: .9375rem;
        padding-right: .9375rem !important
    }

    #ucpboard #ucp-container #ranking-table_wrapper #ranking-table_filter {
        width: 80%
    }
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft {
    padding-left: 1.5rem
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadLeft h3 {
    padding: 0;
    margin: 0;
    color: #fff !important;
    font-size: .85rem;
    display: inline-block;
    align-self: center;
    line-height: 4rem
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight {
    display: flex;
    justify-content: end;
    justify-content: flex-end;
    padding-right: 1.5rem
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter {
    display: flex;
    justify-content: center;
    flex-direction: column
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter input {
    background-color: #0000001a !important
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter label {
    margin-bottom: 0 !important
}

#ucpboard #ucp-container #ranking-table_wrapper .tableHeadRight #ranking-table_filter label .ranking-search-text {
    margin-bottom: 0 !important;
    line-height: 2.5rem;
    margin-right: 1rem
}

#ucpboard #ucp-container #ranking-table_paginate .pagination {
    display: flex;
    justify-content: end;
    justify-content: flex-end
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button {
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button .page-link {
    border: none
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button .active .page-item {
    color: red !important
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button.disabled {
    pointer-events: none
}

#ucpboard #ucp-container #ranking-table_paginate .pagination .paginate_button.disabled .page-link {
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important
}

#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_next, #ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_previous {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important;
    color: #dcdcdc
}

#ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_next .page-link, #ucpboard #ucp-container #ranking-table_paginate .pagination #ranking-table_previous .page-link {
    border: none !important
}

#ucpboard #ucp-container .table-top {
    width: 100%;
    padding: 0rem 1rem;
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #1e1e1e;
    margin-top: 3rem;
    height: 3.75rem
}

#ucpboard #ucp-container .table-top h3 {
    padding: 0;
    margin: 0;
    color: #fff !important;
    font-size: .85rem;
    display: inline-block;
    align-self: center;
    line-height: 4rem
}

#ucpboard #ucp-container .table-top .leaderboard-search {
    height: 3.75rem;
    padding: .75rem 1rem 1rem
}

#ucpboard #ucp-container .table-top .leaderboard-search form {
    margin: 0
}

#ucpboard #ucp-container .refresh-container {
    flex-direction: column
}

#ucpboard #ucp-container .refresh-container button.btn-refresh {
    width: 2.3125rem;
    height: 2.3125rem;
    background-color: #c9aa71 !important;
    color: #000 !important;
    border: 0;
    border-radius: .3125rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard #ucp-container .refresh-container button.btn-refresh:hover {
    opacity: .85
}

#ucpboard #ucp-container .leaderboard-search {
    margin-left: 1rem;
    padding: 0 1rem;
    border-left: .0625rem solid rgba(68, 73, 81, .4509803922);
    border-right: .0625rem solid rgba(68, 73, 81, .4509803922);
    padding: .75rem 1rem
}

#ucpboard #ucp-container .leaderboard-search .form-group {
    margin: 0 !important
}

#ucpboard #ucp-container .leaderboard-search .input-group-text {
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: none
}

#ucpboard #ucp-container .leaderboard-search input {
    border: none;
    padding: 0 .5rem
}

#ucpboard #ucp-container .leaderboard-search input:focus, #ucpboard #ucp-container .leaderboard-search input:active {
    outline: 0 !important;
    box-shadow: 0 !important
}

#ucpboard #ucp-container .table {
    background-color: #1e1e1e
}

#ucpboard #ucp-container .table thead tr th {
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    line-height: 2.125rem
}

@media (max-width: 48rem) {
    #ucpboard #ucp-container .table thead tr .prestige th:nth-of-type(3n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr .prestige th:nth-of-type(4n) {
        display: table-cell !important
    }
}

@media (max-width: 48rem) {
    #ucpboard #ucp-container .table thead tr th:nth-of-type(4n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(5n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(6n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(7n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(8n) {
        display: none !important
    }
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #ucpboard #ucp-container .table thead tr th:nth-of-type(6n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(7n) {
        display: none !important
    }

    #ucpboard #ucp-container .table thead tr th:nth-of-type(8n) {
        display: none !important
    }
}

#ucpboard #ucp-container .table tbody tr {
    color: #fff !important
}

#ucpboard #ucp-container .table tbody tr td, #ucpboard #ucp-container .table tbody tr th {
    padding: 1.5rem 1rem;
    text-align: center;
    font-family: Helvetica, Segoe UI, Tahoma, Geneva, Verdana, sans-serif !important;
    border-top: .0625rem solid rgba(52, 56, 61, .4196078431)
}

#ucpboard #ucp-container .table tbody tr td img, #ucpboard #ucp-container .table tbody tr th img {
    width: 1.875rem
}

#ucpboard #ucp-container .table tbody tr td.col-faction img, #ucpboard #ucp-container .table tbody tr th.col-faction img {
    width: 1.25rem
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #ucpboard #ucp-container .table tbody tr td:nth-of-type(5n), #ucpboard #ucp-container .table tbody tr th:nth-of-type(5n) {
        display: none !important
    }
}

@media (max-width: 48rem) {
    #ucpboard #ucp-container .table.prestige th:nth-of-type(3n) {
        display: none !important
    }

    #ucpboard #ucp-container .table.prestige th:nth-of-type(4n) {
        display: table-cell !important
    }
}

#ucpboard #ucp-container .table.mythic img {
    height: 1.5625rem !important;
    width: 1.5625rem !important
}

@media (max-width: 48rem) {
    #ucpboard #ucp-container .table .table-category-3, #ucpboard #ucp-container .table .table-category-4, #ucpboard #ucp-container .table .table-category-5, #ucpboard #ucp-container .table .table-category-6, #ucpboard #ucp-container .table .table-category-7, #ucpboard #ucp-container .table .table-category-8, #ucpboard #ucp-container .table .table-category-9, #ucpboard #ucp-container .table .table-category-10 {
        display: none !important
    }
}

@media (max-width: 61.9375rem) and (min-width: 48rem) {
    #ucpboard #ucp-container .table .table-category-6, #ucpboard #ucp-container .table .table-category-7, #ucpboard #ucp-container .table .table-category-8, #ucpboard #ucp-container .table .table-category-9, #ucpboard #ucp-container .table .table-category-10 {
        display: none !important
    }
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-1, #ucpboard #ucp-container .table .arena-2v2 .table-category-1, #ucpboard #ucp-container .table .arena-3v3 .table-category-1, #ucpboard #ucp-container .table .honorable-kills .table-category-1 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-1 img, #ucpboard #ucp-container .table .arena-2v2 .table-category-1 img, #ucpboard #ucp-container .table .arena-3v3 .table-category-1 img, #ucpboard #ucp-container .table .honorable-kills .table-category-1 img {
    height: 1.25rem !important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-2, #ucpboard #ucp-container .table .arena-2v2 .table-category-2, #ucpboard #ucp-container .table .arena-3v3 .table-category-2, #ucpboard #ucp-container .table .honorable-kills .table-category-2 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-2 img, #ucpboard #ucp-container .table .arena-2v2 .table-category-2 img, #ucpboard #ucp-container .table .arena-3v3 .table-category-2 img, #ucpboard #ucp-container .table .honorable-kills .table-category-2 img {
    height: 1.25rem !important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-3, #ucpboard #ucp-container .table .arena-2v2 .table-category-3, #ucpboard #ucp-container .table .arena-3v3 .table-category-3, #ucpboard #ucp-container .table .honorable-kills .table-category-3 {
    color: #dcdcdc
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-3 img, #ucpboard #ucp-container .table .arena-2v2 .table-category-3 img, #ucpboard #ucp-container .table .arena-3v3 .table-category-3 img, #ucpboard #ucp-container .table .honorable-kills .table-category-3 img {
    height: 1.25rem !important
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-4, #ucpboard #ucp-container .table .arena-2v2 .table-category-4, #ucpboard #ucp-container .table .arena-3v3 .table-category-4, #ucpboard #ucp-container .table .honorable-kills .table-category-4 {
    color: #0f0
}

#ucpboard #ucp-container .table .arena-1v1 .table-category-5, #ucpboard #ucp-container .table .arena-2v2 .table-category-5, #ucpboard #ucp-container .table .arena-3v3 .table-category-5, #ucpboard #ucp-container .table .honorable-kills .table-category-5 {
    color: #db2300
}

#ucpboard .load-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

#ucpboard .load-container #load-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

#ucpboard .load-container #load-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#ucpboard .load-container #back-button {
    align-self: center;
    text-align: center;
    padding: 1rem 2rem;
    border: .0625rem solid #c8aa6e;
    color: #c8aa6e;
    width: 18.75rem;
    background-color: transparent
}

#ucpboard .load-container #back-button:hover {
    background-color: #c8aa6e;
    color: #000;
    transition: all .3s ease-in-out
}

#ucpboard .nav-panel-realms {
    border-bottom: .0625rem solid #2e2e2e
}

#ucpboard .nav-panel-realms .ucp-nav {
    flex-direction: row;
    margin: 0;
    border-radius: .125rem;
    position: -webkit-sticky;
    position: sticky;
    top: 5rem
}

#ucpboard .nav-panel-realms .ucp-nav .nav-separator {
    border-top: .0625rem solid #2e2e2e !important;
    border-bottom: .0625rem solid #2e2e2e !important;
    font-weight: 700;
    z-index: 2;
    color: #fff
}

#ucpboard .nav-panel-realms .ucp-nav .slider {
    position: absolute;
    bottom: .1875rem;
    height: .125rem;
    box-shadow: 0 .1875rem #c9aa717d;
    transition: all .3s ease-in-out
}

#ucpboard .nav-panel-realms .ucp-nav .nav-transparent {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-transparent:hover {
    background-color: transparent !important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link {
    position: relative;
    display: block;
    margin: 0 1rem 0 0;
    padding: .8125rem 1rem .8125rem .625rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #f0e6d2 !important;
    z-index: 1;
    text-align: center;
    opacity: .75;
    font-size: 1.2rem;
    text-shadow: 0 0 .0625rem #000, 0 .0625rem .125rem #000 !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-bottom: .125rem solid transparent;
    max-width: 22.375rem !important;
    outline: none !important
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link:hover {
    opacity: .9
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link.active, #ucpboard .nav-panel-realms .ucp-nav .nav-link.router-link-active, #ucpboard .nav-panel-realms .ucp-nav .nav-link.router-link-exact-active {
    opacity: 1;
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .125rem solid #c9aa71;
    outline: none !important;
    position: relative;
    bottom: -.0938rem
}

#ucpboard .nav-panel-realms .ucp-nav .nav-link i.mdi {
    margin-right: .3125rem;
    font-size: 1.125rem;
    position: relative
}

#ucpboard .tab-content.sub-panels .tab-pane {
    width: 100%;
    margin-top: 2rem
}

#ucpboard .tab-panel {
    position: relative
}

#ucpboard .tab-panel .tab-content .page-title {
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .tab-panel .tab-content .con-test {
    min-height: 100vh;
    margin-top: 0
}

#ucpboard .tab-panel .tab-content .ucp-card {
    margin-bottom: 1.875rem
}

#ucpboard .tab-panel .tab-content .ucp-card .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header {
    padding: 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header .link-container i {
    margin-left: .3125rem;
    margin-top: .25rem;
    margin-right: .3125rem;
    font-size: .8125rem
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header h3 {
    font-size: 1.25rem !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-header h3, #ucpboard .tab-panel .tab-content .ucp-card .card-header h5 {
    margin: 0 !important;
    padding: 0 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body {
    padding: 2.5rem;
    justify-content: center !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .info-card .info-label {
    color: #c9aa71 !important;
    font-weight: 700
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .info-card .info-value {
    border: none !important;
    color: #fff !important;
    font-size: 1.125rem;
    padding-left: 0rem !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress {
    width: 9.375rem;
    height: 9.375rem;
    background: none;
    position: relative
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .375rem solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem #0000004d !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: .375rem;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0 !important;
    font-size: 2.1875rem !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    margin-top: .3125rem
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 1rem
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-right: 1rem;
    opacity: .2
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 2.5rem;
    color: #c9aa71;
    text-decoration: underline !important;
    opacity: 1
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71 !important;
    opacity: 1 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 2.5rem;
    color: #fff;
    text-decoration: none !important;
    opacity: .35
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important;
    pointer-events: none !important;
    opacity: .5 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table thead tr {
    border-top: none !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .125rem solid rgba(222, 226, 230, .3607843137) !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .table tbody tr td {
    color: #ffffff80 !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .tab-panel .tab-content .ucp-card .card-body .donation-balance {
    font-size: 1.875rem;
    color: #c9aa71;
    font-weight: 700;
    line-height: 3.5rem
}

#ucpboard .tab-panel .ucp-card {
    margin-bottom: 1.875rem
}

#ucpboard .tab-panel .ucp-card .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#ucpboard .tab-panel .ucp-card .card-header {
    padding: 1.875rem 2.5rem;
    border-radius: 0;
    background-color: #262626;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: .0625rem solid #2e2e2e;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

#ucpboard .tab-panel .ucp-card .card-header .link-container .card-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer
}

#ucpboard .tab-panel .ucp-card .card-header .link-container i {
    margin-left: .3125rem;
    margin-top: .25rem;
    margin-right: .3125rem;
    font-size: .8125rem
}

#ucpboard .tab-panel .ucp-card .card-header:hover {
    background-color: #262626
}

#ucpboard .tab-panel .ucp-card .card-header h3 {
    font-size: 1.25rem !important
}

#ucpboard .tab-panel .ucp-card .card-header h3, #ucpboard .tab-panel .ucp-card .card-header h5 {
    margin: 0 !important;
    padding: 0 !important
}

#ucpboard .tab-panel .ucp-card .card-body {
    padding: 2.5rem;
    justify-content: center !important
}

#ucpboard .tab-panel .ucp-card .card-body .info-card .info-label {
    color: #c9aa71 !important;
    font-weight: 700
}

#ucpboard .tab-panel .ucp-card .card-body .info-card .info-value {
    border: none !important;
    color: #fff !important;
    font-size: 1.125rem;
    padding-left: 0rem !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress {
    width: 9.375rem;
    height: 9.375rem;
    background: none;
    position: relative
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .375rem solid #131313;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 .5rem #0000004d !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-left {
    left: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: .375rem;
    border-style: solid;
    position: absolute;
    top: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-right {
    right: 0
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value .percentage-text {
    margin-bottom: 0 !important;
    font-size: 2.1875rem !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .progress .progress-value .percentage-subtext {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .875rem;
    margin-top: .3125rem
}

#ucpboard .tab-panel .ucp-card .card-body .security-progress .border-primary {
    border-color: #c9aa71 !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item {
    margin-bottom: 1rem
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    margin-right: 1rem;
    opacity: .2
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item .checklist-text {
    line-height: 2.5rem;
    color: #c9aa71;
    text-decoration: underline !important;
    opacity: 1
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed i {
    color: #c9aa71 !important;
    opacity: 1 !important
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed .checklist-text {
    line-height: 2.5rem;
    color: #fff;
    text-decoration: none !important;
    opacity: .35
}

#ucpboard .tab-panel .ucp-card .card-body .security-checklist ul .checklist-item.completed .btn-primary {
    box-shadow: none !important;
    border: .0625rem solid #2e2e2e !important;
    pointer-events: none !important;
    opacity: .5 !important
}

#ucpboard .tab-panel .ucp-card .card-body .table thead tr {
    border-top: none !important
}

#ucpboard .tab-panel .ucp-card .card-body .table thead tr th {
    font-weight: 700;
    color: #c9aa71 !important;
    border-bottom: .125rem solid rgba(222, 226, 230, .3607843137) !important
}

#ucpboard .tab-panel .ucp-card .card-body .table tbody tr td {
    color: #ffffff80 !important
}

#ucpboard .tab-panel .ucp-card .card-body .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#ucpboard .tab-panel .ucp-card .card-body .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .tab-panel .ucp-card .card-body .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .tab-panel .ucp-card .card-body .donation-balance {
    font-size: 1.875rem;
    color: #c9aa71;
    font-weight: 700;
    line-height: 3.5rem
}

#ucpboard .accordion > .card:not(:last-child) {
    border-bottom: 0
}

#ucpboard .collapse.show .card-body {
    border-bottom: .0625rem solid rgba(0, 0, 0, .125)
}

#hof-modal .modal-footer .btn-primary {
    padding: .8rem 2.5rem;
    color: #c9aa71 !important;
    background-color: transparent !important;
    border: .0625rem solid #c9aa71 !important;
    text-shadow: none !important;
    border-radius: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#hof-modal .modal-footer .btn-primary:hover {
    background-color: #c9aa71 !important;
    color: #000 !important
}

#hof-modal .modal-footer .btn-secondary {
    padding: .8rem 2.5rem;
    background-color: transparent;
    border: .0625rem solid #979a9f;
    text-shadow: none !important;
    border-radius: 0;
    color: #c9aa71;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#hof-modal .modal-footer .btn-secondary:hover {
    background-color: transparent !important
}

@media (max-width: 50rem) {
    #arenacontent, #landingcontent, #ironcontent, #pvecontent {
        -webkit-transition: all .35s ease-in-out !important;
        -moz-transition: all .35s ease-in-out !important;
        -ms-transition: all .35s ease-in-out !important;
        -o-transition: all .35s ease-in-out !important;
        transition: all .35s ease-in-out !important;
        transform: translateZ(0) !important;
        overflow: visible;
        opacity: 1
    }

    #landingcontent {
        height: 9.375rem
    }

    #pvecontent {
        height: 3.125rem
    }

    #arenacontent {
        height: 12.5rem
    }

    #ironcontent {
        height: 9.375rem
    }
}

@media (min-width: 75rem) {
    .donation-row .shop-btn {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: .625rem !important
    }

    .donation-row .donate-btn {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
}

@media (min-width: 87.5rem) {
    #desktop-landing .container {
        max-width: 82.5rem
    }
}

@media (max-width: 61.9375rem) and (min-width: 48.75rem) {
    #desktop-landing .video-text {
        display: none !important
    }

    #desktop-landing .video-container {
        width: 100% !important;
        top: 3.5rem !important;
        height: 25.3125rem !important;
        margin-bottom: 5rem !important
    }

    #desktop-landing #intro #discord-widget {
        right: calc(50vw - 10rem) !important;
        bottom: -3rem !important
    }

    #desktop-landing #intro #realm-widget {
        display: none
    }

    #desktop-landing #content #feature-showcase .slider {
        height: auto !important
    }

    #desktop-landing #content #feature-showcase .slider-info {
        bottom: -11.875rem !important
    }
}

#desktop-landing .landing-logo {
    position: absolute;
    top: 0;
    z-index: 2;
    left: calc(50vw - 15.15625rem);
    display: none
}

#desktop-landing .container {
    margin: 0 !important
}

#desktop-landing section {
    width: 100vw;
    position: relative
}

#desktop-landing #intro-news {
    width: 100vw;
    height: 18.75rem;
    display: flex;
    justify-content: center;
    background: #1e1616;
    border-top: .0625rem solid #463e3e;
    overflow: hidden;
    z-index: 2
}

#desktop-landing #intro-news #landing-news-wrapper {
    position: absolute;
    bottom: 1rem;
    left: 0
}

#desktop-landing #intro-news #landing-news-wrapper .news-route-container {
    text-align: center;
    width: 100%;
    margin-bottom: 1rem
}

#desktop-landing #intro-news #landing-news-wrapper .news-route-container .news-wrapper-route {
    font-size: 1.25rem;
    color: #c9aa71;
    text-shadow: 0rem 0rem .4375rem #000, 0rem 0rem .4375rem #000;
    width: 16.25rem !important;
    text-transform: capitalize;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67)
}

#desktop-landing #intro-news #landing-news-wrapper .news-route-container .news-wrapper-route:hover, #desktop-landing #intro-news #landing-news-wrapper .news-route-container .news-wrapper-route:hover * {
    color: #fff !important
}

@media screen and (max-width: 87.5rem) {
    #desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:nth-of-type(n+4) {
        display: none !important
    }
}

@media screen and (max-width: 109.375rem) {
    #desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:nth-of-type(n+5) {
        display: none !important
    }
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item {
    height: 14.4375rem;
    width: 23.125rem;
    background-color: #000;
    position: relative;
    border: .0625rem solid #3d3d3d;
    box-shadow: .1875rem .1875rem 1rem #000000b9;
    overflow: hidden;
    cursor: pointer
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:hover img {
    transform: scale(1.2)
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:hover i {
    color: #fff
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12.5rem;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5019607843) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .3s cubic-bezier(.17, .67, .83, .67);
    transition: all .3s cubic-bezier(.17, .67, .83, .67)
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item i {
    position: absolute;
    top: .5rem;
    right: .5rem;
    color: #c9aa71;
    text-shadow: 0rem 0rem .625rem #000;
    -webkit-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -moz-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -ms-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    -o-transition: all .2s cubic-bezier(.17, .67, .83, .67);
    transition: all .2s cubic-bezier(.17, .67, .83, .67);
    font-size: 1.25rem
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item .news-inner {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 2
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item .news-inner * {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item .news-inner .news-date {
    color: gray;
    font-weight: 700;
    font-size: 1rem
}

#desktop-landing #intro-news #landing-news-wrapper .news-wrapper-item .news-inner .news-title {
    text-shadow: 0rem 0rem .625rem #000;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize
}

#desktop-landing #intro {
    width: 100vw;
    height: calc(100vh - 18.75rem);
    max-height: 50vw;
    display: flex;
    justify-content: center;
    position: relative
}

@media screen and (max-height: 53.125rem) {
    #desktop-landing #intro {
        height: 100vh !important
    }
}

#desktop-landing #intro #landing-news-wrapper {
    position: absolute;
    left: 1rem;
    z-index: 2;
    max-height: 100%;
    justify-content: center;
    height: calc(100vh - 15.625rem)
}

@media screen and (max-height: 53.125rem) {
    #desktop-landing #intro #landing-news-wrapper {
        height: 100vh !important
    }
}

@media screen and (max-height: 35.625rem) {
    #desktop-landing #intro #landing-news-wrapper .hide-height-fix .tv-video-element:nth-of-type(2) {
        display: none !important
    }
}

@media screen and (max-height: 63.75rem) {
    #desktop-landing #intro #landing-news-wrapper .hide-height-fix .tv-video-element:nth-of-type(3) {
        display: none !important
    }
}

#desktop-landing #intro #landing-news-wrapper .tv-video-grid {
    margin-top: 2rem
}

#desktop-landing #intro #landing-news-wrapper .tv-video-grid .tv-video-element {
    height: 10.5625rem;
    width: 18.75rem;
    background-color: #000;
    position: relative;
    border: .0625rem solid #3d3d3d;
    box-shadow: .1875rem .1875rem 1rem #000000b9;
    cursor: pointer;
    margin-bottom: 4rem
}

#desktop-landing #intro #landing-news-wrapper .tv-video-grid .tv-video-element .tv-details .tv-text {
    font-weight: 700;
    letter-spacing: 2
}

#desktop-landing #intro #landing-news-wrapper .tv-video-grid .tv-video-element .tv-details .tv-name, #desktop-landing #intro #landing-news-wrapper .tv-video-grid .tv-tags {
    display: none
}

#desktop-landing #intro .container {
    margin-top: 0;
    display: flex;
    justify-content: center
}

#desktop-landing #intro #bg-vid {
    position: absolute;
    width: 100vw;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

#desktop-landing #intro #bg-img {
    position: absolute;
    width: 100vw;
    left: 0;
    bottom: 0;
    min-height: 45rem;
    height: auto;
    display: flex;
    justify-content: center;
    background-image: url(https://api.ascension.gg/assets/6d786ddc.webp);
    background-size: cover;
    background-position: center;
    z-index: -1;
    top: 0
}

#desktop-landing #intro .intro-content {
    z-index: 4;
    display: flex;
    justify-content: center;
    flex-direction: column
}

#desktop-landing #intro .intro-content .intro-inner {
    display: flex;
    flex-direction: column
}

#desktop-landing #intro .intro-content .intro-inner #intro-logo {
    max-width: 30.3125rem;
    margin-left: auto;
    margin-right: auto
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .timer-text {
    color: #f7f7f7;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .timer-subtext {
    color: #ffe7c9;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .timer-subtext-alt {
    color: #ffe4a4;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .timer-container .ascension-timer {
    color: #c9aa71;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 3rem;
    text-align: center
}

#desktop-landing #intro .intro-content .intro-inner .button-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem auto;
    margin-top: 0;
    padding: 0;
    width: 20.625rem;
    height: 4.5rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0rem 0rem .9375rem black)
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn {
    height: 5.3125rem;
    width: 20.625rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn:hover span {
    color: #fff
}

#desktop-landing #intro .intro-content .intro-inner .button-container #funnelBtn span {
    line-height: 5.3125rem;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 1.625rem;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black;
    -webkit-user-select: none;
    user-select: none
}

#desktop-landing #intro #event-button {
    z-index: 4;
    position: relative;
    top: 1rem;
    left: 1rem;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    max-height: 6.3125rem;
    filter: drop-shadow(.1875rem .1875rem 1rem rgba(0, 0, 0, 0));
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #event-button:hover {
    filter: drop-shadow(.1875rem .1875rem 1rem rgba(0, 0, 0, .726))
}

#desktop-landing #intro #realm-widget {
    z-index: 4;
    position: absolute;
    top: 12rem;
    right: 2rem;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    filter: drop-shadow(.1875rem .1875rem 1rem rgba(0, 0, 0, 0));
    border: .0625rem solid transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #realm-widget ul {
    width: 20rem;
    list-style-type: none;
    padding: 0;
    margin-bottom: 1rem
}

#desktop-landing #intro #realm-widget ul li.realm-item {
    width: 100%;
    height: 1.875rem
}

#desktop-landing #intro #realm-widget ul li.realm-item.online .realm-distribution .realm-inner-dist {
    background-color: #28a745
}

#desktop-landing #intro #realm-widget ul li.realm-item.online .realm-pop {
    color: #28a745 !important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info {
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-name {
    font-family: Em !important;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .25rem #000;
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding-right: .5rem
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-name .realm-tag {
    color: #6a6a6a;
    font-weight: 700
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-info .realm-pop {
    color: #4e4e4e;
    text-shadow: 0 .125rem .1875rem rgb(0, 0, 0) !important
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-distribution {
    display: none !important;
    width: 100% !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    height: .625rem;
    border-radius: .3125rem;
    background-color: gray;
    filter: drop-shadow(.1875rem .1875rem 1rem rgba(0, 0, 0, 0));
    border: .0625rem solid black;
    overflow: hidden
}

#desktop-landing #intro #realm-widget ul li.realm-item .realm-distribution .realm-inner-dist {
    height: 1.25rem;
    background-color: gray;
    border-radius: .3125rem 0 0 .3125rem;
    border-right: .0625rem solid black;
    width: 100%
}

#desktop-landing #intro #discord-widget {
    z-index: 4;
    position: absolute;
    top: 6rem;
    right: 2rem !important;
    height: 76px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    filter: drop-shadow(.1875rem .1875rem 1rem rgba(0, 0, 0, 0));
    border: .0625rem solid transparent;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #intro #discord-widget:hover {
    filter: drop-shadow(0rem 0rem .5rem #c9aa71);
    border-color: #c9aa71
}

#desktop-landing #content {
    width: 100vw;
    background: url(https://api.ascension.gg/assets/f3f22070.webp) repeat;
    justify-content: center;
    display: flex;
    z-index: 3
}

#desktop-landing #content .container {
    padding: 4rem 0 5rem
}

#desktop-landing #content .container #content-start .video-container {
    position: relative;
    width: 52.375rem;
    height: 29.4375rem;
    box-shadow: .1875rem .1875rem 1rem #000000b9
}

#desktop-landing #content .container #content-start .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#desktop-landing #content .container #content-start .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none !important
}

#desktop-landing #content .container #content-start .video-text {
    font-family: Em !important;
    margin-left: 3.125rem;
    width: 23.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#desktop-landing #content .container #content-start .video-text h1 {
    font-family: Em !important;
    font-weight: 700;
    font-size: 2.25rem
}

#desktop-landing #content .container #content-start .video-text p {
    line-height: 1.625rem;
    max-width: 20.625rem;
    color: #d3d1c5
}

#desktop-landing #content .container #content-start .video-text .divider {
    height: .0625rem;
    width: 100%;
    margin: .5rem 0
}

#desktop-landing #content .container #content-start .video-text .video-hero-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 0;
    padding: 0;
    width: 20.625rem;
    height: 4.5rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0rem 0rem .9375rem black);
    border: none !important
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn {
    height: 5.3125rem;
    width: 20.625rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn:hover span {
    color: #fff
}

#desktop-landing #content .container #content-start .video-text .video-hero-container #funnelBtn span {
    line-height: 5.3125rem;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 1.625rem;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black;
    -webkit-user-select: none;
    user-select: none
}

#desktop-landing #content #content-card .container {
    padding-bottom: 0
}

#desktop-landing #content #content-card .container .feature-card {
    width: 26.25rem !important;
    height: 35.0625rem !important;
    background-color: #262626;
    margin: 0 .25rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 .9375rem #0000004d, 0 0 .9375rem #0000004d;
    border: .0625rem solid #333
}

#desktop-landing #content #content-card .container .feature-card img {
    max-height: 50%;
    object-fit: contain;
    object-position: center;
    position: relative;
    top: 0;
    right: 9%
}

#desktop-landing #content #content-card .container .feature-card:after {
    content: "";
    background: linear-gradient(to top, #262626, rgba(38, 38, 38, 0));
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: 2
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom {
    position: relative;
    bottom: 0;
    height: 50%;
    text-align: center;
    padding: 1rem
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom h5 {
    font-weight: 700;
    color: #c9aa71;
    font-size: 1.375rem
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom hr {
    border-top: .0625rem solid #c9aa71;
    height: .0625rem;
    width: 40%
}

#desktop-landing #content #content-card .container .feature-card .feature-bottom p {
    color: #c2b7a3;
    font-size: 1.0625rem;
    width: 90%;
    margin: 0 auto
}

#desktop-landing #content .button-container {
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 25rem;
    height: 3.75rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #content .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#desktop-landing #content .button-container:hover .btn-primary {
    height: 3.75rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#desktop-landing #content .button-container .btn-primary {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-size: 1.125rem !important;
    border: none
}

#desktop-landing #content-slider {
    width: 100vw;
    background-size: cover;
    background-position: center center;
    justify-content: center;
    display: flex;
    z-index: 3;
    min-height: 302px;
    max-height: 800px;
    aspect-ratio: 31/8;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    position: relative
}

#desktop-landing #content-slider #content-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

#desktop-landing #content-slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5019607843) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#desktop-landing #content-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5019607843) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#desktop-landing #content-slider .slider-bullets-container {
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2
}

#desktop-landing #content-slider .slider-bullets-container .slider-bullets {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

#desktop-landing #content-slider .slider-bullets-container .slider-bullets .slider-bullet {
    list-style: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid black;
    margin: 0 5px
}

#desktop-landing #content-slider .slider-bullets-container .slider-bullets .slider-bullet.active {
    background-color: #c9aa71 !important;
    box-shadow: 0 0 15px #f0c980
}

#desktop-landing #content-slider .container {
    z-index: 2;
    padding: 4rem 0 5rem
}

#desktop-landing #content-slider .container #content-start .slider-text {
    font-family: Em !important;
    margin-left: 50px;
    max-width: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#desktop-landing #content-slider .container #content-start .slider-text h1 {
    font-family: Em !important;
    font-weight: 700;
    font-size: 36px;
    text-shadow: 0 0 5px #000, 0 1px 5px rgb(0, 0, 0)
}

#desktop-landing #content-slider .container #content-start .slider-text p {
    line-height: 26px;
    max-width: 330px;
    color: #f5f5f5;
    text-shadow: 0 0 5px #000, 0 1px 5px rgb(0, 0, 0);
    font-weight: 700
}

#desktop-landing #content-slider .container #content-start .slider-text .divider {
    height: 1px;
    width: 100%;
    margin: 8px 0
}

#desktop-landing #content-slider .container #content-start .slider-text .slider-hero-container {
    display: flex;
    justify-content: center;
    margin: 24px 0 0;
    padding: 0;
    width: 330px;
    height: 72px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0px 0px 15px black);
    border: none !important
}

#desktop-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn {
    height: 85px;
    width: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#desktop-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn:hover span {
    color: #fff
}

#desktop-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn span {
    line-height: 85px;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    text-shadow: 0 0 5px black, 0 1px 5px black;
    -webkit-user-select: none;
    user-select: none
}

#desktop-landing #guides {
    width: 100vw;
    padding: 3rem 0;
    height: 50rem;
    border-top: .0313rem solid rgb(85, 85, 85);
    background: url(https://api.ascension.gg/assets/18f56af7.webp) repeat;
    background-size: cover;
    background-position: bottom;
    justify-content: center;
    display: flex
}

#desktop-landing #guides .container #separator-title {
    text-align: center;
    margin: 0rem 0 1.25rem
}

#desktop-landing #guides .container #separator-title h1 {
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#desktop-landing #guides .container #separator-title h2 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 23.125rem;
    margin: auto
}

#desktop-landing #guides .container #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 100%;
    height: 3.875rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #guides .container #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#desktop-landing #guides .container #separator-title .button-container:hover #featureBtn {
    height: 3.875rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    line-height: 2.8125rem
}

#desktop-landing #guides .container #separator-title .button-container #featureBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 2.1875rem
}

#desktop-landing #guides .container .play-wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

#desktop-landing #guides .container .video-container {
    position: relative;
    width: 55.5rem;
    height: 31.25rem
}

#desktop-landing #guides .container .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#desktop-landing #guides .container .video-container #showcase-vid {
    box-shadow: .1875rem .1875rem 1rem #000000b9;
    border: .0625rem solid #424242;
    transition: all .2s ease-in-out
}

#desktop-landing #guides .container .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none !important
}

#desktop-landing #guides .container .playlist {
    width: 16.875rem;
    height: 31.25rem;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0
}

#desktop-landing #guides .container .playlist .playlist-item {
    width: 100%;
    margin-bottom: 1rem;
    cursor: pointer
}

#desktop-landing #guides .container .playlist .playlist-item:hover img {
    border: .0625rem solid #c9aa71
}

#desktop-landing #guides .container .playlist .playlist-item img {
    width: 15rem;
    height: 8.4375rem;
    object-fit: cover;
    border: .0625rem solid #424242;
    transition: all .2s ease-in-out;
    box-shadow: .1875rem .1875rem 1rem #000000e6
}

#desktop-landing #guides .container .playlist .playlist-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0rem 0rem .625rem #000;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: .25rem
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar {
    display: inline-block !important;
    background-color: transparent;
    border-radius: .1875rem
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar-thumb {
    background: #c9aa71;
    border-radius: .1875rem
}

#desktop-landing #guides .container .playlist::-webkit-scrollbar-corner {
    background: transparent !important
}

#desktop-landing #featured {
    width: 100vw;
    padding: 3rem 0;
    height: 59.375rem;
    border-top: .0313rem solid rgb(85, 85, 85);
    background: url(https://api.ascension.gg/assets/563edaca.webp) repeat;
    background-size: cover;
    justify-content: center;
    display: flex
}

#desktop-landing #featured #separator-title {
    text-align: center;
    margin: 0rem 0 1.25rem
}

#desktop-landing #featured #separator-title h1 {
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#desktop-landing #featured #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 23.125rem;
    margin: auto
}

#desktop-landing #featured #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 100%;
    height: 3.875rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #featured #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#desktop-landing #featured #separator-title .button-container:hover #featureBtn {
    height: 3.875rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    line-height: 2.8125rem
}

#desktop-landing #featured #separator-title .button-container #featureBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 2.1875rem
}

#desktop-landing #featured #feature-showcase {
    justify-content: center;
    display: flex;
    width: 100%
}

#desktop-landing #featured #feature-showcase .slider {
    width: 76.875rem;
    height: 36.625rem;
    background: url(https://api.ascension.gg/assets/f3f22070.webp) cover no-repeat;
    position: relative;
    box-shadow: .1875rem .1875rem 1rem #000000b9
}

#desktop-landing #featured #feature-showcase .slider .slider-container {
    overflow: hidden
}

#desktop-landing #featured #feature-showcase .slider .slider-img {
    width: 100%;
    position: relative;
    height: 36.625rem;
    object-fit: cover;
    object-position: top
}

#desktop-landing #featured #feature-showcase .slider .slider-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container {
    position: relative;
    top: 9.375rem;
    width: 100%;
    display: flex;
    justify-content: center
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets .slider-bullet {
    list-style: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: .125rem solid #282828;
    margin: 0 .3125rem
}

#desktop-landing #featured #feature-showcase .slider .slider-bullets-container .slider-bullets .slider-bullet.active {
    background-color: #c9aa71 !important;
    box-shadow: 0 0 .9375rem #f0c980
}

#desktop-landing #featured #feature-showcase .slider .blocked {
    opacity: .6;
    pointer-events: none
}

#desktop-landing #featured #feature-showcase .slider .slider-controls {
    width: 100%;
    position: absolute;
    height: 7.5rem;
    top: calc(50% - 3.75rem);
    z-index: 4
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next, #desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer !important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell, #desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell {
    border: .0625rem solid #c9aa71;
    box-shadow: 0 0 .3125rem #c9aa71;
    padding: 0;
    margin: .6875rem;
    cursor: pointer !important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell, #desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell {
    border: .125rem solid #c9aa71;
    padding: 0;
    margin: .6875rem;
    box-shadow: 0 0 .3125rem #c9aa71;
    cursor: pointer !important
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell .control-core, #desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell .control-core {
    cursor: pointer !important;
    border: .125rem solid #c9aa71;
    background-color: #c9aa71;
    box-shadow: 0 0 .3125rem #c9aa71
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next:hover .control-outer-shell .control-inner-shell .control-core img, #desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous:hover .control-outer-shell .control-inner-shell .control-core img {
    filter: brightness(0)
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous {
    position: relative;
    left: -2.5rem
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-previous .control-core .control-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .slider-next {
    position: relative;
    right: -2.5rem
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell {
    border: .0625rem solid #c9aa71;
    border-radius: 50%;
    padding: .6875rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell .control-inner-shell {
    border: .125rem solid #c9aa71;
    border-radius: 50%;
    padding: .6875rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-controls .control-outer-shell .control-inner-shell .control-core {
    background: #141b1c;
    border: 0rem solid transparent;
    border-radius: 50%;
    padding: .6875rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#desktop-landing #featured #feature-showcase .slider .slider-info {
    text-align: center;
    position: absolute;
    width: 58.75rem;
    height: 13.5625rem;
    background-color: #1e1c1d;
    border: .0625rem solid #333;
    z-index: 3;
    left: calc(50% - 29.375rem);
    bottom: -6.8125rem;
    -webkit-user-select: none !important;
    user-select: none !important;
    box-shadow: .1875rem .1875rem 1rem #000000b9
}

#desktop-landing #featured #feature-showcase .slider .slider-info .feature-separator {
    height: .0625rem;
    width: 70%;
    margin: auto;
    border-top: .0625rem solid #484848
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom, #desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    width: 100%;
    height: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    text-align: center;
    background-color: #1e1c1d;
    -webkit-user-select: none !important;
    user-select: none !important
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    padding-bottom: 1.5rem
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top:before {
    position: absolute;
    top: -3.875rem;
    margin: 0 auto;
    background-color: #1e1c1d;
    content: "";
    width: 7.75rem;
    height: 7.75rem;
    left: calc(50% - 3.875rem);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: .0625rem solid #c39154;
    z-index: -1;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top:after {
    position: absolute;
    top: -3.125rem;
    margin: 0 auto;
    content: "";
    width: 2.6625rem;
    height: 2.6625rem;
    left: calc(50% - 1.3313rem);
    background: url(https://api.ascension.gg/assets/5c32603e.svg);
    z-index: -1;
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom {
    height: calc(50% - .0625rem) !important;
    justify-content: start;
    padding-top: 1rem
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom:before {
    position: absolute;
    top: 0;
    margin: 0 auto;
    background: url(https://api.ascension.gg/assets/cb8f1d70.svg);
    content: "";
    width: 1.75rem;
    height: .625rem;
    left: calc(50% - .875rem);
    display: none
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-bottom p {
    line-height: 1.5rem;
    color: #d3d1c5;
    font-family: Em;
    max-width: 38.75rem;
    font-size: 1.25rem;
    margin: 0 auto;
    -webkit-user-select: none !important;
    user-select: none !important
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top {
    justify-content: flex-end
}

#desktop-landing #featured #feature-showcase .slider .slider-info .info-top h1 {
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5;
    -webkit-user-select: none !important;
    user-select: none !important
}

#desktop-landing #faq {
    background: url(https://api.ascension.gg/assets/c44b7b88.webp) no-repeat;
    position: relative;
    width: 100vw;
    height: auto;
    padding-bottom: 3.125rem;
    background-size: cover;
    background-position: center;
    border-top: .0313rem solid rgb(85, 85, 85);
    justify-content: center;
    display: flex
}

#desktop-landing #faq:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .2196078431)
}

#desktop-landing #faq .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    z-index: 1
}

#desktop-landing #faq .container h1 {
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    font-weight: 700
}

#desktop-landing #faq .container .faq-group {
    z-index: 2
}

#desktop-landing #faq .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: .0625rem solid #c9aa71
}

#desktop-landing #faq .container .faq-group .faq-list {
    padding-left: 1rem
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: .0625rem solid rgba(128, 128, 128, .5)
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#desktop-landing #faq .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#desktop-landing #newsletter {
    width: calc(100vw + .125rem);
    position: relative;
    left: -.125rem;
    background: url(https://api.ascension.gg/assets/dc31e408.webp) no-repeat;
    background-size: cover;
    justify-content: center;
    display: flex;
    padding-top: 5rem !important
}

#desktop-landing #newsletter .container-flex {
    min-height: auto;
    position: relative
}

#desktop-landing #newsletter #auth-form {
    max-width: 33.125rem
}

@media (min-width: 61.9375rem) {
    #desktop-landing #newsletter #auth-form .register-form {
        margin-bottom: 5rem !important;
        margin-top: 5rem !important
    }
}

@media (max-width: 48rem) {
    #desktop-landing #newsletter #auth-form .reg-title h1 {
        font-size: 1.625rem !important
    }

    #desktop-landing #newsletter #auth-form .reg-title h2 {
        font-size: 1.375rem !important
    }

    #desktop-landing #newsletter #auth-form .button-container {
        width: 100% !important
    }
}

#desktop-landing #newsletter #auth-form .btn-primary {
    background-color: #262626 !important;
    border: none !important;
    color: #c9aa71;
    height: 3.125rem;
    font-size: 1.1875rem;
    font-weight: 700;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#desktop-landing #newsletter #auth-form .alert-danger {
    color: #dc143c;
    background-color: transparent;
    border-color: #dc143c;
    list-style: none;
    margin-top: 3rem
}

#desktop-landing #newsletter #auth-form .alert-danger:before {
    position: absolute;
    top: -2rem;
    content: "Please resolve the following errors:";
    left: 0
}

#desktop-landing #newsletter #auth-form .alert-danger ul {
    padding: 0;
    margin: 0
}

#desktop-landing #newsletter #auth-form .alert-danger ul li {
    list-style: none;
    margin: 0
}

#desktop-landing #newsletter #auth-form .reg-title {
    text-align: center
}

#desktop-landing #newsletter #auth-form .reg-title h1 {
    color: #d0a85c;
    font-weight: 700;
    font-style: italic;
    font-size: 3.125rem
}

#desktop-landing #newsletter #auth-form .reg-title h2 {
    color: #d3d1c5;
    font-size: 1.875rem;
    font-weight: 700;
    font-style: italic
}

#desktop-landing #newsletter #auth-form #register-form {
    max-width: 25rem;
    margin: auto
}

#desktop-landing #newsletter #auth-form label {
    color: #fff;
    -webkit-user-select: none !important;
    user-select: none !important
}

#desktop-landing #newsletter #auth-form .form-group .input-group {
    display: flex;
    flex-direction: column !important
}

#desktop-landing #newsletter #auth-form .form-group .input-group p {
    font-size: .6875rem;
    margin: 0;
    padding: 0;
    opacity: .5;
    margin-bottom: .625rem
}

#desktop-landing #newsletter #auth-form .form-group .form-control {
    height: 3.5rem;
    min-height: 3.5rem;
    padding: 0 1.25rem;
    background-color: #0000002c !important;
    width: 100%
}

#desktop-landing #newsletter #auth-form .button-container {
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 25rem;
    height: 3.75rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#desktop-landing #newsletter #auth-form .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#desktop-landing #newsletter #auth-form .button-container:hover #registerBtn {
    height: 3.75rem !important;
    color: #d3d1c5 !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important
}

#desktop-landing #newsletter #auth-form .button-container #registerBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important
}

#desktop-landing #newsletter #auth-form .input-group-text {
    background-color: #262626 !important;
    border: .0625rem solid #444951 !important
}

#desktop-landing #newsletter #auth-form .card {
    background-color: #211f1c;
    box-shadow: 0 0 .3125rem .3125rem #0003 !important
}

#desktop-landing #newsletter #auth-form .fas {
    position: absolute;
    font-size: 1rem;
    line-height: 3.625rem;
    padding-top: 0;
    padding-left: 1.125rem;
    padding-bottom: 1.125rem;
    color: #80808098
}

#desktop-landing #newsletter .text-input-fa {
    right: 0 !important;
    top: 0;
    padding-right: 1.125rem;
    color: #dc143c
}

#desktop-landing #newsletter .text-input-fa-success {
    right: 0 !important;
    top: 0;
    padding-right: 1.125rem;
    color: #00e600
}

#desktop-landing #newsletter .date-input-fa {
    right: 0 !important;
    top: 0;
    padding-right: 1.875rem;
    color: #dc143c;
    line-height: 2.875rem
}

#mobile-landing {
    overflow: hidden !important;
    max-width: 100vw !important;
    min-height: 100vh
}

#mobile-landing #intro {
    width: 100vw;
    height: 43.75rem;
    display: flex;
    justify-content: center;
    position: relative
}

#mobile-landing #intro #intro-logo {
    position: absolute;
    top: 9.375rem;
    width: 18.75rem;
    left: calc(50vw - 9.375rem)
}

#mobile-landing #intro .timer-container {
    margin-bottom: 1rem
}

#mobile-landing #intro .timer-container .timer-text {
    color: #fff;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center
}

#mobile-landing #intro .timer-container .timer-subtext {
    color: #ffe7c9;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center
}

#mobile-landing #intro .timer-container .timer-subtext-alt {
    color: #ffe4a4;
    text-shadow: 0 0 .1875rem black, 0 0 .1875rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

#mobile-landing #intro .timer-container .ascension-timer {
    color: #c9aa71;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black;
    font-family: Em !important;
    font-weight: 700;
    font-size: 2rem;
    text-align: center
}

#mobile-landing #intro #bg-img {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    aspect-ratio: 9/6
}

#mobile-landing #intro #bg-vid {
    position: absolute;
    height: 43.75rem;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
    width: 100%;
    object-fit: cover
}

#mobile-landing #intro .container {
    margin: 0 !important;
    z-index: 2
}

#mobile-landing #intro .container .col-12 {
    flex-direction: column
}

#mobile-landing #intro .container .button-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem auto;
    padding: 0;
    bottom: 2rem;
    position: relative;
    width: 20.625rem;
    height: 4.5rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0rem 0rem .9375rem black)
}

#mobile-landing #intro .container .button-container #funnelBtn {
    height: 5.3125rem;
    width: 20.625rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#mobile-landing #intro .container .button-container #funnelBtn:hover span {
    color: #fff
}

#mobile-landing #intro .container .button-container #funnelBtn span {
    line-height: 5.3125rem;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 1.625rem;
    text-shadow: 0 0 .3125rem black, 0 .0625rem .3125rem black;
    -webkit-user-select: none;
    user-select: none
}

#mobile-landing #content {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    background: url(https://api.ascension.gg/assets/fddc1176.png) repeat
}

#mobile-landing #content .container {
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1rem !important;
    margin-bottom: 0vh
}

#mobile-landing #content .video-container {
    width: 23.125rem;
    height: 13.0081rem;
    box-shadow: .1875rem .1875rem 1rem #000000b9;
    margin-top: 6.25rem;
    position: relative
}

#mobile-landing #content .video-container:before {
    position: absolute;
    top: -5rem;
    left: 0;
    content: "WORLD OF WARCRAFT REIMAGINED";
    font-size: 1.5rem;
    font-weight: 700;
    font-family: Em;
    color: #c9aa71;
    width: 100%;
    text-align: center
}

#mobile-landing #content #video-description {
    width: 100%;
    margin: 3.75rem 0;
    text-align: center
}

#mobile-landing #content #video-description p {
    color: #c2b7a3;
    max-width: 20.625rem;
    margin: auto
}

#mobile-landing #content #content-card {
    display: flex;
    min-width: 100vw;
    margin: 0rem -.9375rem 3.75rem;
    overflow-x: scroll
}

#mobile-landing #content #content-card .feature-card {
    width: 19.4375rem;
    height: 26rem;
    margin: 0 .25rem
}

#mobile-landing #content #content-card .feature-card:first-of-type {
    margin-left: 1rem
}

#mobile-landing #content #separator-title {
    text-align: center;
    margin: 3.75rem 0
}

#mobile-landing #content #separator-title h1 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5;
    margin-bottom: 1rem
}

#mobile-landing #content #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 20.625rem;
    margin: auto
}

#mobile-landing #faq {
    background: url(https://api.ascension.gg/assets/0e73cce7.jpg) no-repeat;
    position: relative;
    width: 100vw;
    height: auto;
    padding-bottom: 3.125rem;
    background-size: cover;
    background-position: center;
    border-top: .0313rem solid rgb(85, 85, 85);
    justify-content: center;
    display: flex;
    line-height: 1.3em !important
}

#mobile-landing #faq:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background: rgba(62, 57, 57, .2196078431)
}

#mobile-landing #faq .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    z-index: 1
}

#mobile-landing #faq .container h1 {
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8);
    font-weight: 700
}

#mobile-landing #faq .container .faq-group {
    z-index: 2
}

#mobile-landing #faq .container .faq-group .faq-header {
    font-weight: 700;
    color: #dcdcdc;
    font-size: 1.25rem;
    padding: .75rem 1rem;
    background-color: #1c140f;
    border: .0625rem solid #c9aa71;
    text-align: center
}

#mobile-landing #faq .container .faq-group .faq-list {
    padding-left: 1rem
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry {
    list-style: none;
    border-bottom: .0625rem solid rgba(128, 128, 128, .5)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-answer {
    color: #ffcd70;
    font-weight: 700;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-question {
    margin-bottom: 0;
    padding: 0;
    text-shadow: 0 0 .0625rem transparent, 0 .0625rem .125rem rgba(0, 0, 0, .8)
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-button {
    -webkit-transition: .2s ease color;
    -moz-transition: .2s ease color;
    -ms-transition: .2s ease color;
    -o-transition: .2s ease color;
    transition: .2s ease color;
    padding: .5rem .75rem;
    background: #c9aa71;
    color: #000 !important;
    text-shadow: none !important;
    font-weight: 700
}

#mobile-landing #faq .container .faq-group .faq-list .faq-entry .faq-button:hover {
    color: #fff !important
}

#mobile-landing #content-slider {
    width: 100vw;
    background-size: cover;
    background-position: center center;
    justify-content: center;
    display: flex;
    z-index: 3;
    min-height: 302px;
    max-height: 700px;
    aspect-ratio: 9/16;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
    position: relative
}

#mobile-landing #content-slider #content-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

#mobile-landing #content-slider:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5019607843) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#mobile-landing #content-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5019607843) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

#mobile-landing #content-slider .slider-bullets-container {
    position: absolute;
    bottom: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2
}

#mobile-landing #content-slider .slider-bullets-container .slider-bullets {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

#mobile-landing #content-slider .slider-bullets-container .slider-bullets .slider-bullet {
    list-style: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid black;
    margin: 0 5px
}

#mobile-landing #content-slider .slider-bullets-container .slider-bullets .slider-bullet.active {
    background-color: #c9aa71 !important;
    box-shadow: 0 0 15px #f0c980
}

#mobile-landing #content-slider .container {
    z-index: 2;
    padding: 4rem 0 5rem
}

#mobile-landing #content-slider .container #content-start .slider-text {
    font-family: Em !important;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 1rem
}

#mobile-landing #content-slider .container #content-start .slider-text h1 {
    font-family: Em !important;
    font-weight: 700;
    font-size: 2rem;
    text-shadow: 0 0 5px #000, 0 1px 5px rgb(0, 0, 0)
}

#mobile-landing #content-slider .container #content-start .slider-text p {
    line-height: 1.625rem;
    color: #f5f5f5;
    text-shadow: 0 0 5px #000, 0 1px 5px rgb(0, 0, 0);
    font-weight: 700
}

#mobile-landing #content-slider .container #content-start .slider-text .divider {
    height: 1px;
    width: 100%;
    margin: 8px 0
}

#mobile-landing #content-slider .container #content-start .slider-text .slider-hero-container {
    display: flex;
    justify-content: center;
    margin: 24px 0 0;
    padding: 0;
    height: 72px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    filter: drop-shadow(0px 0px 15px black);
    border: none !important
}

#mobile-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn {
    height: 85px;
    width: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#mobile-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn:hover span {
    color: #fff
}

#mobile-landing #content-slider .container #content-start .slider-text .slider-hero-container #funnelBtn span {
    line-height: 5.3125rem;
    width: 100%;
    display: block;
    color: #c9aa71;
    text-align: center;
    font-weight: 700;
    font-size: 1.625rem;
    text-shadow: 0 0 5px black, 0 1px 5px black;
    -webkit-user-select: none;
    user-select: none
}

#mobile-landing #guides {
    width: 100vw;
    padding: 3rem 0;
    height: auto;
    border-top: .0313rem solid rgb(85, 85, 85);
    background: url(https://api.ascension.gg/assets/18f56af7.webp) repeat;
    background-size: cover;
    background-position: bottom;
    justify-content: center;
    display: flex
}

#mobile-landing #guides .container #separator-title {
    text-align: center;
    margin: 0rem 0 1.25rem
}

#mobile-landing #guides .container #separator-title h1 {
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Em;
    color: #d3d1c5
}

#mobile-landing #guides .container #separator-title h5 {
    font-weight: 700;
    color: #c2b7a3;
    max-width: 23.125rem;
    margin: auto
}

#mobile-landing #guides .container #separator-title .button-container {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
    padding: .3125rem;
    border: .0625rem solid #c9aa71;
    width: 100%;
    height: 3.875rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#mobile-landing #guides .container #separator-title .button-container:hover {
    background-color: #c9aa71;
    padding: 0;
    box-shadow: 0 0 .3125rem .3125rem #0006 !important
}

#mobile-landing #guides .container #separator-title .button-container:hover #featureBtn {
    height: 3.875rem !important;
    color: #fff !important;
    text-shadow: 0 0 .3125rem .3125rem rgba(0, 0, 0, .199) !important;
    line-height: 2.8125rem
}

#mobile-landing #guides .container #separator-title .button-container #featureBtn {
    background-color: #c9aa71 !important;
    width: 100% !important;
    height: 3.125rem !important;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Beaufort, Segoe UI, Helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 1.125rem !important;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    line-height: 2.1875rem
}

#mobile-landing #guides .container .play-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column
}

#mobile-landing #guides .container .video-container {
    position: relative;
    width: 22.5rem;
    height: 12.6563rem;
    margin-left: auto;
    margin-right: auto
}

#mobile-landing #guides .container .video-container #video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#mobile-landing #guides .container .video-container #showcase-vid {
    box-shadow: .1875rem .1875rem 1rem #000000b9;
    border: .0625rem solid #424242;
    transition: all .2s ease-in-out
}

#mobile-landing #guides .container .video-container #showcase-vid #player .ytp-embed .ytp-cued-thumbnail-overlay .ytp-pause-overlay {
    display: none !important
}

#mobile-landing #guides .container .playlist {
    width: 100vw;
    min-width: 100vw;
    height: 12.5rem;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0;
    margin: 2rem 0 0;
    display: flex
}

#mobile-landing #guides .container .playlist .playlist-item {
    width: 100%;
    margin-bottom: 1rem;
    cursor: pointer;
    margin-right: 1rem;
    list-style: none
}

#mobile-landing #guides .container .playlist .playlist-item:first-of-type {
    margin-left: 2rem
}

#mobile-landing #guides .container .playlist .playlist-item:last-of-type {
    margin-right: 2rem
}

#mobile-landing #guides .container .playlist .playlist-item:hover img {
    border: .0625rem solid #c9aa71
}

#mobile-landing #guides .container .playlist .playlist-item img {
    width: 15rem;
    height: 8.4375rem;
    object-fit: cover;
    border: .0625rem solid #424242;
    transition: all .2s ease-in-out;
    box-shadow: .1875rem .1875rem 1rem #000000e6
}

#mobile-landing #guides .container .playlist .playlist-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0rem 0rem .625rem #000;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: .25rem
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar {
    display: inline-block !important;
    background-color: transparent;
    border-radius: .1875rem
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar-thumb {
    background: #c9aa71;
    border-radius: .1875rem
}

#mobile-landing #guides .container .playlist::-webkit-scrollbar-corner {
    background: transparent !important
}

#mobile-landing #newsletter {
    width: calc(100vw + .125rem);
    position: relative;
    left: -.125rem;
    padding: 3.75rem 0 1.875rem;
    background: url(https://api.ascension.gg/assets/25510230.png) no-repeat;
    background-size: cover;
    justify-content: center;
    display: flex
}

#ucpboard .ucp-card.ticket-info {
    height: 100%
}

#ucpboard .ucp-card.ticket-info .card-title {
    color: #c9aa71;
    font-size: 1.25rem !important;
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .ucp-card.ticket-info .card {
    margin-bottom: 1.5rem
}

#ucpboard .ucp-card.ticket-info .card .card-body {
    padding: 1.25rem
}

#ucpboard .ucp-card.ticket-info form label {
    width: 100%
}

#ucpboard .ucp-card.ticket-info form fieldset {
    margin-top: .5rem;
    margin-bottom: 1rem
}

#ucpboard .ucp-card.ticket-info form fieldset input {
    width: 32%;
    margin: 0 auto
}

#ucpboard .ucp-card.ticket-info form input {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: .3125rem;
    background-color: #1a1a1a !important
}

#ucpboard .ucp-card.ticket-info form input:last-of-type {
    margin-bottom: 0 !important
}

#ucpboard .card-body {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#ucpboard .card-body.processing {
    opacity: .5;
    pointer-events: none !important
}

#ucpboard .gm-container {
    position: relative;
    padding: 0 !important
}

#ucpboard .gm-container #gm-char {
    height: 2.4375rem
}

#ucpboard .gm-container #gm-char:after {
    content: "⯅";
    position: absolute;
    right: .5rem;
    line-height: 2.4375rem
}

#ucpboard .gm-container #gm-char:before {
    content: "test"
}

#ucpboard .gm-container .mdi {
    position: absolute;
    right: 1rem;
    line-height: 2.4375rem
}

#ucpboard .search-container input {
    height: 2.5rem;
    background: rgba(0, 0, 0, .53) !important;
    -webkit-backdrop-filter: blur(.3125rem);
    backdrop-filter: blur(.3125rem);
    padding: .5rem .75rem
}

#ucpboard .search-container .btn-primary {
    background-color: #c9aa71;
    color: #000;
    height: 2.5rem;
    border-color: transparent !important;
    margin-left: 1rem
}

#ucpboard .search-container .btn-secondary {
    background-color: #c9aa71;
    color: #000;
    height: 2.5rem;
    border-color: transparent !important
}

#ucpboard .search-container #filterAll, #ucpboard .search-container #filterAssigned {
    background: #1e1e1e !important;
    color: #dcdcdc !important;
    outline: 0 !important;
    box-shadow: none !important
}

#ucpboard .search-container #filterAll.active, #ucpboard .search-container #filterAssigned.active {
    background-color: #c9aa71 !important;
    color: #000 !important
}

#ucpboard .search-container #filterAssigned {
    margin-right: 2rem;
    border-left: .0625rem solid black !important
}

#ucpboard #ticket-nav .pagination .page-next .page-link, #ucpboard #ticket-nav .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#ucpboard #ticket-nav .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucpboard #ticket-nav .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard #ticket-nav .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#ucpboard #ticket-nav .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#ucpboard #ticket-nav .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#ucpboard #ticket-nav .pagination .page-item.active {
    outline: none !important
}

#ucpboard #ticket-nav .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#ucpboard .ucp-card.ticket-content {
    height: 100%
}

#ucpboard .ucp-card.ticket-content .card-title {
    color: #dcdcdc;
    font-size: 1.25rem !important;
    font-weight: 700;
    text-transform: uppercase
}

#ucpboard .ucp-card.ticket-content .card {
    margin-bottom: 1.5rem
}

#ucpboard .ucp-card.ticket-content .card .card-body {
    padding: 1.25rem
}

#ucpboard .ucp-card.ticket-content form label {
    width: 100%
}

#ucpboard .ucp-card.ticket-content form fieldset {
    margin-top: .5rem;
    margin-bottom: 1rem
}

#ucpboard .ucp-card.ticket-content form fieldset input {
    width: 32%;
    margin: 0 auto
}

#ucpboard .ucp-card.ticket-content form input {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    border-radius: .3125rem;
    background-color: #1a1a1a !important
}

#ucpboard .ucp-card.ticket-content form input:last-of-type {
    margin-bottom: 0 !important
}

#ucpboard .ucp-card.ticket-content hr {
    height: .0625rem;
    border-top: .0625rem solid #444951;
    margin: 3.75rem 0
}

#ucpboard .ucp-card.ticket-content #tfi-submit-response-form {
    margin: 0 !important
}

#ucpboard .ucp-card.ticket-content #tfi-submit-response-form #tfi-submit-response-button {
    height: 5rem;
    margin-top: 1rem
}

#ucpboard .ucp-card.ticket-content textarea {
    width: 100%;
    padding: .75rem 1rem;
    border-radius: .3125rem;
    background-color: #1a1a1a !important;
    outline: none !important;
    border-width: .0625rem;
    border-style: solid;
    border-color: #444951;
    border-image: initial;
    color: #979a9f !important
}

#ucpboard .ucp-card.ticket-content textarea#tfi-comment {
    resize: none !important;
    min-height: 25rem
}

#ucpboard .ucp-card.ticket-content textarea#tfi-response, #ucpboard .ucp-card.ticket-content textarea#tfi-submit-response {
    color: #00c0ff !important;
    min-height: 12.5rem;
    resize: none !important
}

#ucpboard .ucp-card.ticket-content textarea:last-of-type {
    margin-bottom: 0 !important
}

#ucpboard .ticket-outer-card {
    padding-bottom: .9375rem
}

#ucpboard .ticket-card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    height: 100%;
    border-radius: 0
}

#ucpboard .ticket-card .card-header {
    background-color: transparent !important;
    color: #c9aa71;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#ucpboard .ticket-card .card-header h5 {
    margin: 0 !important;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.4375rem
}

#ucpboard .ticket-card .card-header .btn-primary {
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem;
    -webkit-transition: "color .35s ease-in-out !important";
    -moz-transition: "color .35s ease-in-out !important";
    -ms-transition: "color .35s ease-in-out !important";
    -o-transition: "color .35s ease-in-out !important";
    transition: "color .35s ease-in-out !important";
    -webkit-transition: "background-color .35s ease-in-out !important";
    -moz-transition: "background-color .35s ease-in-out !important";
    -ms-transition: "background-color .35s ease-in-out !important";
    -o-transition: "background-color .35s ease-in-out !important";
    transition: "background-color .35s ease-in-out !important"
}

#ucpboard .ticket-card .card-header .btn-primary:hover {
    color: #fff !important;
    background-color: #2c2c2c !important
}

#ucpboard .ticket-card .card-body {
    background-color: transparent !important
}

#ucpboard .ticket-card .card-body .card-item-prog .card-item-upper {
    display: flex;
    justify-content: space-between
}

#ucpboard .ticket-card .card-body .card-item-prog .card-item-upper .item-name {
    font-size: 1rem
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar {
    margin-top: .5rem;
    width: 100%;
    height: .625rem;
    border-radius: .9375rem;
    overflow: hidden;
    border-color: transparent !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #2e2e2e !important
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-moz-progress-bar {
    background-color: #c9aa71 !important;
    border-radius: .9375rem
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-webkit-progress-value {
    background-color: #c9aa71 !important;
    border-radius: .9375rem
}

#ucpboard .ticket-card .card-body .card-item-prog .card-bar::-webkit-progress-bar {
    background: #2e2e2e !important;
    width: 100%;
    height: .625rem
}

#ucpboard .ticket-table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0 1.5rem
}

#ucpboard .ticket-table thead {
    color: #c9aa71 !important;
    border: none;
    outline: none
}

#ucpboard .ticket-table thead tr {
    border: none !important;
    outline: none !important
}

#ucpboard .ticket-table thead tr th {
    border: none !important;
    outline: none !important;
    color: #dcdcdc
}

#ucpboard .ticket-table tbody {
    padding-top: 1rem;
    background: transparent !important;
    border-top: none
}

#ucpboard .ticket-table tbody tr {
    background-color: #1e1e1e !important;
    border-radius: .9375rem;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#ucpboard .ticket-table tbody tr:hover {
    box-shadow: .1875rem .3125rem .9375rem #00000081;
    border: .0625rem solid #c9aa71;
    border-radius: .3125rem
}

#ucpboard .ticket-table tbody tr:hover th a {
    color: #dcdcdc !important
}

#ucpboard .ticket-table tbody tr th {
    padding: 0 !important;
    line-height: 0 !important
}

#ucpboard .ticket-table tbody tr a {
    display: block;
    padding: 1.5rem 1rem;
    line-height: 1.25rem
}

#ucpboard .ticket-table tbody .ticket-user .d-flex {
    flex-direction: column
}

#ucpboard .ticket-table tbody .ticket-user .d-flex .ticket-user-account, #ucpboard .ticket-table tbody .ticket-user .d-flex .ticket-user-character {
    color: #dcdcdc
}

#ucpboard .ticket-table tbody .ticket-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 25rem !important
}

#ucpboard .ticket-table tbody .ticket-check, #ucpboard .ticket-table tbody .ticket-realm, #ucpboard .ticket-table tbody .ticket-date, #ucpboard .ticket-table tbody .ticket-message, #ucpboard .ticket-table tbody .ticket-id, #ucpboard .ticket-table tbody .ticket-status, #ucpboard .ticket-table tbody .ticket-action, #ucpboard .ticket-table tbody .ticket-user {
    align-self: center;
    line-height: 2.125rem
}

#ucpboard .ticket-table tbody .ticket-id {
    border-radius: .3125rem
}

#ucpboard .ticket-table tbody .ticket-id span {
    padding: .5rem .75rem;
    background: rgb(90, 90, 90);
    border-radius: .3125rem
}

#ucpboard .ticket-table tbody .ticket-id a {
    color: #dcdcdc !important
}

#ucpboard .ticket-table tbody .ticket-check input[type=checkbox] {
    margin-top: .6875rem;
    width: 1.25rem;
    height: 1.25rem
}

#ucpboard .ticket-table tbody .ticket-status {
    border-radius: .3125rem
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=closed] {
    color: #5f5f5f80 !important
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=assigned] {
    color: #3f82ff !important
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=available], #ucpboard .ticket-table tbody .ticket-status a[data-status=open] {
    color: #1b9c1b !important;
    position: relative
}

#ucpboard .ticket-table tbody .ticket-status a[data-status=being-read] {
    color: orange !important
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm] {
    color: #fff;
    text-shadow: 0rem .1875rem .3125rem rgba(0, 0, 0, .678);
    border-radius: .3125rem;
    padding: .5rem 1rem
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=seasonal] {
    background: #da4453;
    background: -webkit-linear-gradient(to right, #89216b, #da4453);
    background: linear-gradient(to right, #89216b, #da4453)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=twisting-nether] {
    background: #34e89e;
    background: -webkit-linear-gradient(to right, #0f3443, #34e89e);
    background: linear-gradient(to right, #0f3443, #34e89e)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=andorhal] {
    background: #ff4b1f;
    background: -webkit-linear-gradient(to right, #ff9068, #ff4b1f);
    background: linear-gradient(to right, #ff9068, #ff4b1f)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=laughing-skull], #ucpboard .ticket-table tbody .ticket-realm span[data-realm=laughingskull], #ucpboard .ticket-table tbody .ticket-realm span[data-realm=ls] {
    background: #606c88;
    background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);
    background: linear-gradient(to right, #3f4c6b, #606c88)
}

#ucpboard .ticket-table tbody .ticket-realm span[data-realm=proudmoore] {
    background: #673ab7;
    background: -webkit-linear-gradient(to right, #512da8, #673ab7);
    background: linear-gradient(to right, #512da8, #673ab7)
}

#ucpboard .ticket-table tbody .ticket-action #ticket-option {
    font-size: 2rem
}

#page-loader {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0
}

#error {
    background-color: #1d1d1d;
    position: relative;
    height: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 98;
    -webkit-user-select: none;
    user-select: none
}

#error .error-header {
    text-transform: capitalize
}

#error .btn-primary {
    background-color: #c9aa71;
    padding: 1rem 3rem;
    top: 1rem;
    border-radius: .3125rem;
    position: relative;
    color: #000 !important;
    font-size: 1.2rem;
    box-shadow: 0 0 1.25rem .0625rem #625030;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    border: none !important;
    max-width: 18.75rem
}

#error .btn-primary:hover {
    box-shadow: 0 0 1.25rem .0625rem #c9aa71 !important;
    color: #000 !important
}

#error #hearth-btn {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-user-select: none;
    user-select: none
}

#error #hearth-btn:hover {
    color: #000 !important
}

#contactboard {
    min-height: 81.5% !important;
    position: relative
}

#contactboard.linux-info .troubleshooter-content a {
    text-decoration: underline !important
}

#contactboard.linux-info .troubleshooter-content ul li, #contactboard.linux-info .troubleshooter-content ol li {
    line-height: 1.5 !important
}

#contactboard.linux-info .troubleshooter-content p {
    line-height: 1.5
}

#contactboard.linux-info .card {
    background-color: #1e1e1e;
    border: .0625rem solid #2e2e2e;
    min-height: 25rem
}

#contactboard.linux-info .card .card-body {
    text-align: left !important
}

#contactboard.linux-info .card .card-body h1 {
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

#contactboard.linux-info .card .card-body h2 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1.5rem !important;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    margin: 2rem 0;
    border-bottom: .0625rem solid rgba(128, 128, 128, .4509803922);
    display: block;
    padding-bottom: .5rem
}

#contactboard.linux-info .card .card-body h3 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1.25rem !important;
    color: #c9aa71;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85);
    margin: 2rem 0;
    border-bottom: .0625rem solid rgba(128, 128, 128, .4509803922);
    width: max-content;
    display: block;
    padding-bottom: .5rem;
    font-style: italic
}

#contactboard.linux-info .card .card-body .nav.nav-tabs .nav-item {
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#contactboard.linux-info .card .card-body .sub-tabs {
    float: right
}

#contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link {
    border-bottom: none !important
}

#contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link.active, #contactboard.linux-info .card .card-body .sub-tabs .nav-item .nav-link:hover {
    border-color: #dee2e61f !important;
    border-top: none !important
}

#contactboard.linux-info .card .card-body hr {
    height: .0625rem;
    width: 100%;
    border-top: .0625rem solid #3d3d3d;
    margin: 1rem 0;
    display: block
}

#contactboard.linux-info .card .card-body p {
    word-wrap: break-word;
    color: #e3e3e3;
    text-shadow: 0rem 0rem .3125rem #000
}

#contactboard.linux-info .card .card-body .dl-text {
    text-align: center;
    margin-top: 1rem
}

#contactboard.linux-info .card .card-body .download-btn {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#contactboard.linux-info .card .card-body .download-btn i {
    font-size: 2rem;
    padding: 1rem 1.5rem;
    background-color: #1d1d1d;
    border: .0625rem solid #3d3d3d;
    display: block;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

#contactboard.linux-info .card .card-body .download-btn:hover i {
    background-color: #2e2e2e;
    border: .0625rem solid #5d5d5d
}

#contactboard.linux-info .card .card-body code {
    padding: 1.25rem;
    overflow-x: auto;
    line-height: normal;
    display: inline-block;
    white-space: pre !important;
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
    border-radius: .5625rem;
    -moz-tab-size: 4;
    tab-size: 4
}

#contactboard.linux-info .card .card-body code.single-line {
    white-space: normal !important
}

#contactboard h1 {
    font-size: 2.5rem !important;
    line-height: 3.25rem;
    font-weight: 700;
    margin: 1.25rem 0;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85)
}

#contactboard h2 {
    font-size: 1.5rem !important;
    line-height: 2.25rem;
    font-weight: lighter;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85)
}

#contactboard .d-flex {
    display: flex
}

#contactboard .selection {
    margin-top: 2rem
}

#contactboard .selection .sub-items {
    margin-bottom: 4.375rem;
    margin-top: 2.5rem
}

#contactboard .selection .sub-items .sub-container {
    padding: 2.5rem 3.75rem
}

#contactboard .selection .sub-items .sub-container p, #contactboard .selection .sub-items .sub-container a {
    font-size: 1.0625rem;
    line-height: 1.75rem;
    margin: 0 !important;
    padding: 0 !important
}

#contactboard .selection .sub-items .sub-container p a {
    -webkit-transition: color .35s ease-in-out;
    -moz-transition: color .35s ease-in-out;
    -ms-transition: color .35s ease-in-out;
    -o-transition: color .35s ease-in-out;
    transition: color .35s ease-in-out
}

#contactboard .selection .sub-items .sub-container p a:hover {
    color: #fff !important;
    text-decoration: underline !important
}

#contactboard .selection .sub-separator {
    width: .0625rem;
    height: 9.25rem;
    border-right: .0625rem solid rgba(255, 255, 255, .199)
}

#contactboard .selection .item-anchor {
    max-width: 20.875rem;
    flex: 1;
    -webkit-box-flex: 1;
    text-decoration: none;
    border-bottom: none;
    width: 19.0625rem;
    border-radius: .25rem;
    background: #1e1e1e;
    position: relative;
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
    box-shadow: 0 0 1rem .875rem #0003;
    display: block;
    -webkit-transition: all .01s ease-in-out;
    -moz-transition: all .01s ease-in-out;
    -ms-transition: all .01s ease-in-out;
    -o-transition: all .01s ease-in-out;
    transition: all .01s ease-in-out;
    border: .1875rem solid transparent
}

#contactboard .selection .item-anchor:hover {
    transform: scale(1.05);
    box-shadow: 0 0 .9375rem .9375rem #c9aa716c;
    border-color: #c9aa71;
    border: .0625rem solid
}

#contactboard .selection .item-anchor:hover .item-inner .item-icon {
    border-color: #c9aa71 !important
}

#contactboard .selection .item-anchor .item-inner {
    padding: 1.5625rem 1.875rem;
    text-align: center
}

#contactboard .selection .item-anchor .item-inner .item-desc {
    font-size: 1.0625rem;
    line-height: 1.625rem;
    margin-bottom: 3.75rem !important;
    color: #8a8a8a
}

#contactboard .selection .item-anchor .item-inner .item-title, #contactboard .selection .item-anchor .item-inner .item-title span {
    font-size: 1.1875rem;
    line-height: 1.1875rem;
    margin-bottom: .625rem;
    font-weight: 700;
    text-shadow: none
}

#contactboard .selection .item-anchor .item-inner .item-icon {
    width: 6.25rem;
    height: 6.25rem;
    background-color: #262626;
    -webkit-box-shadow: 0 .25rem .375rem rgba(50, 50, 93, .11), 0 .0625rem .1875rem rgba(0, 0, 0, .08);
    box-shadow: 0 .25rem .375rem #32325d1c, 0 .0625rem .1875rem #00000014;
    border-radius: 50%;
    display: inline-block;
    margin-top: -2.8125rem;
    margin-bottom: 1.25rem;
    background: #262626;
    border: .0625rem solid rgba(106, 105, 103, .1843137255) !important;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#contactboard .selection .item-anchor .item-inner .item-icon:after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    position: relative;
    background-size: auto;
    background-size: 3.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem
}

#contactboard .selection .item-anchor .item-inner .sale-icon i, #contactboard .selection .item-anchor .item-inner .support-icon i {
    font-size: 3.4375rem;
    line-height: 6.25rem;
    color: #fff !important
}

#contactboard .selection .item-anchor .item-inner .press-icon:after {
    background: url(https://api.ascension.gg/assets/f0306025.svg) no-repeat;
    background-size: contain
}

#contactboard .selection .item-footer {
    background-color: #262626;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    height: 3.25rem;
    width: 100%;
    border-radius: 0 0 .1875rem .1875rem;
    line-height: 3rem
}

#contactboard .selection .item-footer span:after {
    content: "→";
    padding-left: .3125rem
}

@media (max-width: 48rem) {
    #contactboard .support-title-h2 {
        margin-right: 2rem;
        margin-left: 2rem;
        font-size: 1.5rem !important
    }

    #contactboard h1 {
        font-size: 1.5rem !important
    }
}

#contactboard .container .selection .banner {
    text-shadow: 0 0 .0625rem transparent, 0rem .125rem .3125rem rgba(0, 0, 0, .85)
}

#contactboard .container .selection .banner.partial {
    background-color: #dc7214 !important
}

#contactboard .container .selection .banner.online {
    background-color: #28a745 !important
}

#contactboard .container .selection .banner.offline {
    background-color: #dc143c !important
}

#contactboard .container .selection .list-group .list-group-item {
    background-color: #1e1e1e !important;
    border-color: #333;
    text-shadow: 0 0 .0625rem transparent, 0rem .125rem .3125rem rgba(0, 0, 0, .85)
}

#contactboard .container .selection .list-group .list-group-item .realm-name {
    color: #c9aa71
}

#contactboard .container .selection .list-group .list-group-item .realm-name .realm-tag {
    color: #6a6a6a;
    font-weight: 700
}

#contactboard .container .selection .list-group .list-group-item.upcoming .realm-status {
    color: orange !important
}

#contactboard .container .selection .list-group .list-group-item.online .realm-status {
    color: #28a745 !important
}

#contactboard .container .selection .list-group .list-group-item.offline .realm-status {
    color: #dc143c !important
}

#ucp-mail {
    padding: 0%
}

@media (max-width: 61.9375rem) {
    #ucp-mail {
        position: relative;
        left: 0
    }
}

#ucp-mail .mail-entry {
    height: 15.625rem !important;
    width: 100%;
    border-radius: .3125rem !important;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
    cursor: pointer
}

#ucp-mail .mail-entry.active {
    border: .0625rem solid #c9aa71 !important
}

#ucp-mail .mail-entry .card-body {
    padding: .625rem .9375rem !important
}

#ucp-mail .mail-entry .card-body .mail-header .mail-sender, #ucp-mail .mail-entry .card-body .mail-header .mail-date {
    color: gray;
    font-size: 1em;
    line-height: 1.4em
}

#ucp-mail .mail-entry .card-body .mail-header .mail-sender .mdi, #ucp-mail .mail-entry .card-body .mail-header .mail-date .mdi {
    margin-right: .15rem
}

#ucp-mail .mail-entry .card-body .mail-title {
    font-size: 1.2em;
    line-height: 1.96em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

#ucp-mail .mail-entry .card-body .mail-desc {
    color: gray;
    font-size: 1em;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#ucp-mail .mail-entry .card-body .mail-tags {
    list-style: none;
    padding: 0;
    margin-top: .5rem
}

#ucp-mail .mail-entry .card-body .mail-tags .tag {
    border-radius: .3125rem;
    padding: .3125rem .5rem;
    border: .0625rem solid #2e2e2e;
    display: inline;
    width: auto;
    font-size: .8em
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.danger {
    color: #dc143c;
    border-color: #dc143c
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.warning {
    color: orange;
    border-color: orange
}

#ucp-mail .mail-entry .card-body .mail-tags .tag.info {
    color: #65ddc1;
    border-color: #65ddc1
}

#ucp-mail .mail-entry:hover {
    border: .0625rem solid gray !important
}

#ucp-mail #mail-pagination, #ucp-mail #mail-pagination .pagination {
    border-radius: .3125rem !important
}

#ucp-mail #mail-pagination .pagination .page-next .page-link, #ucp-mail #mail-pagination .pagination .page-previous .page-link {
    background-color: #2b2b2b !important;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    outline: 0 !important
}

#ucp-mail #mail-pagination .pagination .page-item {
    border: none !important;
    background-color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 .625rem 1.25rem #00000030, 0 .375rem .375rem #0000003b;
    outline: none !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer
}

#ucp-mail #mail-pagination .pagination .page-item:first-of-type {
    border-radius: .3125rem 0rem 0rem .3125rem !important
}

#ucp-mail #mail-pagination .pagination .page-item:nth-of-type(8) {
    border-radius: 0rem .3125rem .3125rem 0rem !important
}

#ucp-mail #mail-pagination .pagination .page-item .page-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 1.375rem
}

#ucp-mail #mail-pagination .pagination .page-item.disabled {
    background-color: #2b2b2b;
    border: .0625rem solid rgba(52, 56, 61, .4196078431) !important;
    opacity: .5;
    pointer-events: none
}

#ucp-mail #mail-pagination .pagination .page-item:hover {
    outline: none !important;
    opacity: .9
}

#ucp-mail #mail-pagination .pagination .page-item:hover .page-link {
    outline: none !important;
    background-color: #c9aa71 !important;
    color: #000 !important
}

#ucp-mail #mail-pagination .pagination .page-item.active {
    outline: none !important
}

#ucp-mail #mail-pagination .pagination .page-item.active .page-link {
    background-color: #c9aa71 !important;
    color: #000 !important;
    outline: none !important
}

#ucp-mail .mail-view {
    width: 100%;
    border-radius: .3125rem !important
}

#ucp-mail .mail-view .card-body {
    padding: 1.25rem !important
}

@media (max-width: 61.9375rem) {
    #ucp-mail .mail-view .card-body .mail-header .mail-head-info1, #ucp-mail .mail-view .card-body .mail-header .mail-head-info2 {
        justify-content: space-between !important
    }
}

#ucp-mail .mail-view .card-body .mail-header .mail-recipient, #ucp-mail .mail-view .card-body .mail-header .mail-date {
    color: gray;
    font-size: 1em;
    line-height: 1.9em
}

#ucp-mail .mail-view .card-body .mail-header .mdi {
    color: #dcdcdc;
    font-size: 1.4em;
    margin-right: .25rem;
    line-height: 1.4em
}

#ucp-mail .mail-view .card-body hr {
    width: 100%
}

#ucp-mail .mail-view .card-body .mail-body {
    min-height: 12.5rem;
    display: grid
}

#ucp-mail .mail-view .card-body .mail-body .mail-title {
    font-size: 1.4em;
    margin: 0;
    line-height: 1.4em;
    width: 100%;
    margin-bottom: 1rem
}

#ucp-mail .mail-view .card-body .mail-body .mail-desc {
    color: #dcdcdc;
    font-size: 1em;
    line-height: 1.4em;
    display: block
}

#ucp-mail .mail-view .card-body .mail-footer .mail-recipient, #ucp-mail .mail-view .card-body .mail-footer .mail-date {
    color: gray;
    font-size: 1em;
    line-height: 1.9em
}

#ucp-mail .mail-view .card-body .mail-footer .mdi {
    color: #dcdcdc;
    font-size: 1.4em;
    margin-right: .25rem;
    line-height: 1.4em
}

#ucp-mail .mail-view .card-body .mail-attachments {
    margin-top: .5rem;
    margin-bottom: 0
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-header {
    color: gray;
    font-size: 1em;
    line-height: 1.9em;
    margin-bottom: .5rem;
    font-weight: 700
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency {
    margin-left: .5rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency img {
    margin-top: .3125rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-currency span {
    line-height: 1.875rem;
    margin-right: .3rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list {
    list-style: none;
    padding: 0
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item {
    display: inline-block;
    height: 3.125rem;
    width: 3.125rem;
    position: relative;
    margin-right: .5rem
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item img {
    object-fit: cover
}

#ucp-mail .mail-view .card-body .mail-attachments .mail-attachment-list .mail-item span {
    position: absolute;
    bottom: .125rem;
    left: .125rem;
    padding: .3125rem;
    background: rgba(21, 21, 21, .8392156863);
    border-radius: .3125rem;
    font-size: .75rem
}

#ucp-mail .mail-view .card-body .mail-tags {
    list-style: none;
    padding: 0;
    margin-top: .5rem
}

#ucp-mail .mail-view .card-body .mail-tags .tag {
    border-radius: .3125rem;
    padding: .3125rem .5rem;
    border: .0625rem solid #2e2e2e;
    display: inline;
    width: auto;
    font-size: .8em
}

#ucp-mail .mail-view .card-body .mail-tags .tag.danger {
    color: #dc143c;
    border-color: #dc143c
}

#ucp-mail .mail-view .card-body .mail-tags .tag.warning {
    color: orange;
    border-color: orange
}

#ucp-mail .mail-view .card-body .mail-tags .tag.info {
    color: #65ddc1;
    border-color: #65ddc1
}

#ucp-mail .mail-view .btn-mail {
    display: none;
    background-color: #262626 !important;
    border: .0625rem solid #2e2e2e !important;
    color: #c9aa71;
    font-weight: 700;
    min-height: 2.4375rem
}

@media (max-width: 61.9375rem) {
    #ucp-mail .mail-view .btn-mail {
        display: block !important
    }
}

@media (max-width: 61.9375rem) {
    #ucp-mail .mail-card {
        position: relative
    }
}

#ucp-mail .ucp-card .card {
    height: auto !important
}

#ucp-mail .ucp-card .card-body {
    padding: .3125rem
}

#permissionboard h1 {
    font-size: 2.5rem !important;
    line-height: 3.25rem;
    font-weight: 700;
    margin: 1.25rem 0;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85)
}

#permissionboard h2 {
    font-size: 1.5rem !important;
    line-height: 2.25rem;
    font-weight: lighter;
    text-shadow: 0 0 .0625rem transparent, 0rem .1875rem .125rem rgba(0, 0, 0, .85)
}

#permissionboard .form-control {
    height: 2.5rem;
    border: .0625rem solid #444951;
    background: transparent;
    border-radius: 0;
    color: #979a9f;
    padding: .45rem .75rem
}

#permissionboard .modal-title {
    font-weight: 700
}

#permissionboard .modal-edit-group .card {
    border-top: .5rem;
    background-color: #1e1e1e !important;
    box-shadow: 0 .5rem 1rem #00000040 !important;
    overflow-y: auto;
    border-top: 0
}

#permissionboard .modal-edit-group .card .table {
    background-color: #1e1e1e !important;
    border-color: #333;
    text-shadow: 0 0 .0625rem transparent, 0 .125rem .3125rem rgba(0, 0, 0, .85)
}

#permissionboard .modal-edit-group .card .table thead tr {
    border-top: 0
}

#permissionboard .modal-edit-group .card .table thead tr th, #permissionboard .modal-edit-group .card .table thead tr td {
    font-size: .8rem;
    border-top: 0;
    font-weight: 700;
    vertical-align: bottom;
    border-bottom: .125rem solid #777777;
    color: #c9aa71;
    font-weight: 700 !important;
    min-width: 3.125rem !important
}

#permissionboard .modal-edit-group .card .table thead tr th {
    width: 18.75rem
}

#permissionboard .modal-edit-group .card .table thead tr td {
    text-align: center
}

#permissionboard .modal-edit-group .card .table tbody {
    position: relative
}

#permissionboard .modal-edit-group .card .table tbody tr {
    border-top: .0625rem solid #34383d;
    position: relative
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action {
    width: 1.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    border-radius: .1875rem;
    background-color: gray;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action:hover {
    color: #dcdcdc;
    transform: scale(1.15);
    border-radius: .3125rem;
    cursor: pointer
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action.delete {
    background-color: #dc143c
}

#permissionboard .modal-edit-group .card .table tbody tr .permission-action.reset {
    background-color: #828b8e
}

#permissionboard .modal-edit-group .card .table tbody tr th {
    color: #dcdcdc;
    line-height: 1.5625rem
}

#permissionboard .modal-edit-group .card .table tbody tr td {
    color: #dcdcdc;
    text-align: center;
    height: 3.125rem;
    border-top: 0
}

#permissionboard .container hr {
    color: #dcdcdc !important;
    border-color: #dcdcdc33 !important
}

#permissionboard .container .permission-group .permission-title {
    font-weight: 700;
    color: #c9aa71;
    line-height: 2.3125rem
}

#permissionboard .container .permission-group p.permission-description {
    color: #c9aa71;
    line-height: 1.8rem
}

#permissionboard .container .permission-group .card {
    border-top: .5rem;
    background-color: #1e1e1e !important;
    box-shadow: 0 .5rem 1rem #00000040 !important
}

#permissionboard .container .permission-group .card .table {
    background-color: #1e1e1e !important;
    border-color: #333;
    text-shadow: 0 0 .0625rem transparent, 0 .125rem .3125rem rgba(0, 0, 0, .85)
}

#permissionboard .container .permission-group .card .table thead tr {
    border-top: 0
}

#permissionboard .container .permission-group .card .table thead tr .role-group {
    min-width: 10.625rem;
    background-color: #1e1e1e;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .permission-group .card .table thead tr th, #permissionboard .container .permission-group .card .table thead tr td {
    font-size: .8rem;
    border-top: 0;
    font-weight: 700;
    vertical-align: bottom;
    border-bottom: .125rem solid #777777;
    color: #c9aa71;
    font-weight: 700 !important;
    min-width: 6.25rem !important
}

#permissionboard .container .permission-group .card .table thead tr th {
    width: 14.75rem
}

#permissionboard .container .permission-group .card .table thead tr td {
    text-align: center
}

#permissionboard .container .permission-group .card .table tbody {
    position: relative
}

#permissionboard .container .permission-group .card .table tbody tr {
    border-top: .0625rem solid #34383d;
    position: relative
}

#permissionboard .container .permission-group .card .table tbody tr:nth-of-type(odd) .role-name {
    background-color: #1c1c1c
}

#permissionboard .container .permission-group .card .table tbody tr:first-child .role-name:after {
    content: "";
    display: block;
    padding: .125rem 0;
    line-height: .0625rem;
    border-top: .125rem solid #777777;
    position: absolute;
    top: -.125rem;
    width: 100%;
    left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .role-name {
    min-width: 10.625rem;
    background-color: #1e1e1e;
    position: sticky;
    left: 0;
    z-index: 2
}

#permissionboard .container .permission-group .card .table tbody tr .role-name:after {
    content: "";
    display: block;
    padding: .125rem 0;
    line-height: .0625rem;
    border-top: .0625rem solid #34383d;
    position: absolute;
    top: -.0625rem;
    width: 100%;
    left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .form-check {
    position: relative;
    height: 100%;
    width: 100%;
    left: -.7813rem;
    padding-left: 0
}

#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=radio], #permissionboard .container .permission-group .card .table tbody tr .form-check input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    height: 1.5625rem;
    width: 1.5625rem;
    margin: 0;
    border-radius: .1875rem;
    cursor: pointer
}

#permissionboard .container .permission-group .card .table tbody tr .form-check input[type=radio]:checked, #permissionboard .container .permission-group .card .table tbody tr .form-check input[type=checkbox]:checked {
    background-color: #c9aa71 !important;
    color: #000 !important
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action {
    width: 1.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    border-radius: .1875rem;
    background-color: gray;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    color: #fff
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action:hover {
    color: #dcdcdc;
    transform: scale(1.15);
    border-radius: .3125rem;
    cursor: pointer
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action.delete {
    background-color: #dc143c
}

#permissionboard .container .permission-group .card .table tbody tr .permission-action.reset {
    background-color: #828b8e
}

#permissionboard .container .permission-group .card .table tbody tr th {
    color: #dcdcdc;
    line-height: 1.5625rem
}

#permissionboard .container .permission-group .card .table tbody tr td {
    color: #dcdcdc;
    text-align: center;
    height: 3.125rem;
    border-top: 0
}

#permissionboard .container .permission-group .btn-primary {
    -webkit-transition: .2 ease;
    -moz-transition: .2 ease;
    -ms-transition: .2 ease;
    -o-transition: .2 ease;
    transition: .2 ease;
    background-color: #c9aa71;
    color: #000;
    height: 2.5rem;
    border-color: transparent !important;
    margin-left: 1rem
}

#permissionboard .container .permission-group .btn-primary:hover {
    transform: scale(1.1);
    color: #000 !important
}

.circle-loader {
    margin-bottom: 3.5em;
    border: .1563rem solid rgba(0, 0, 0, .2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border .5s ease-out
}

.checkmark {
    display: none
}

.checkmark.draw:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg)
}

.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: .1875rem solid #5cb85c;
    border-top: .1875rem solid #5cb85c;
    content: "";
    left: 1.75em;
    top: 3.5em;
    position: absolute
}

.circle-loader-alt.success {
    margin-bottom: 3.5em;
    border: .1563rem solid rgba(0, 0, 0, .2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em
}

.circle-loader-alt.success .checkmark {
    display: none
}

.circle-loader-alt.success .checkmark.draw:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg)
}

.circle-loader-alt.success .checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: .1875rem solid #5cb85c;
    border-top: .1875rem solid #5cb85c;
    content: "";
    left: 1.75em;
    top: 3.5em;
    position: absolute
}

.circle-loader-alt.success .load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border .5s ease-out
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
    to {
        height: 3.5em;
        width: 1.75em;
        opacity: 1
    }
}

.circle-loader-alt.error {
    margin-bottom: 3.5em;
    border: .1563rem solid rgba(0, 0, 0, .2);
    border-left-color: #af2929;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em
}

.circle-loader-alt.error .checkmark-x {
    display: none
}

.circle-loader-alt.error .checkmark-x.draw:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg)
}

.circle-loader-alt.error .checkmark-x:after {
    opacity: 1;
    width: 3.5em;
    transform-origin: left top;
    border-right: .1875rem solid #af2929;
    border-top: .1875rem solid #af2929;
    content: "";
    left: 2em;
    top: 2.1em;
    position: absolute
}

.circle-loader-alt.error .checkmark-y {
    display: none
}

.circle-loader-alt.error .checkmark-y.draw:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(-135deg)
}

.circle-loader-alt.error .checkmark-y:after {
    opacity: 1;
    width: 3.5em;
    transform-origin: left top;
    border-right: .1875rem solid #af2929;
    border-top: .1875rem solid #af2929;
    content: "";
    left: 2em;
    top: 4.6em;
    position: absolute
}

.circle-loader-alt.error.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #af2929;
    transition: border .5s ease-out
}

@keyframes loader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1
    }
    20% {
        height: 0;
        width: 3.5em;
        opacity: 1
    }
    40% {
        width: 3.5em;
        opacity: 1
    }
    to {
        width: 3.5em;
        opacity: 1
    }
}

.builder-icon {
    display: inline-block;
    background: url(https://api.ascension.gg/assets/44458a43.webp) no-repeat center;
    width: 4rem;
    height: 4rem
}

.builder-icon.spell_holy_power {
    background-position-x: 19.0476190476%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_unyieldingfaith {
    background-position-x: 21.4285714286%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_firearmor {
    background-position-x: 23.8095238095%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_meteorstorm {
    background-position-x: 26.1904761905%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_worldinflames {
    background-position-x: 28.5714285714%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostbolt {
    background-position-x: 30.9523809524%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_stun {
    background-position-x: 33.3333333333%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_icestorm {
    background-position-x: 35.7142857143%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostward {
    background-position-x: 19.0476190476%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_wispsplode {
    background-position-x: 21.4285714286%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_detectlesserinvisibility {
    background-position-x: 23.8095238095%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_wispheal {
    background-position-x: 26.1904761905%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_27 {
    background-position-x: 28.5714285714%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_ambush {
    background-position-x: 30.9523809524%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_charge {
    background-position-x: 33.3333333333%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_gouge {
    background-position-x: 35.7142857143%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_thunderclap {
    background-position-x: 9.5238095238%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shockwave {
    background-position-x: 11.9047619048%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_05 {
    background-position-x: 14.2857142857%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessingofstamina {
    background-position-x: 16.6666666667%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_06 {
    background-position-x: 19.0476190476%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_bloodrage {
    background-position-x: 21.4285714286%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_sunder {
    background-position-x: 23.8095238095%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_stoneclawtotem {
    background-position-x: 26.1904761905%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_cleave {
    background-position-x: 28.5714285714%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_axe_06 {
    background-position-x: 30.9523809524%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_marksmanship {
    background-position-x: 33.3333333333%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_shortblade_05 {
    background-position-x: 35.7142857143%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_dualwield {
    background-position-x: 9.5238095238%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_ritualofsacrifice {
    background-position-x: 11.9047619048%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_backstab {
    background-position-x: 14.2857142857%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mace_01 {
    background-position-x: 16.6666666667%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_charm {
    background-position-x: 19.0476190476%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_fumble {
    background-position-x: 21.4285714286%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_warcry {
    background-position-x: 23.8095238095%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_sap {
    background-position-x: 26.1904761905%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_poisons {
    background-position-x: 28.5714285714%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_disembowel {
    background-position-x: 30.9523809524%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_eviscerate {
    background-position-x: 33.3333333333%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_slicedice {
    background-position-x: 35.7142857143%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_riposte {
    background-position-x: 38.0952380952%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_17 {
    background-position-x: 38.0952380952%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_kidneyshot {
    background-position-x: 38.0952380952%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_decisivestrike {
    background-position-x: 38.0952380952%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hibernation {
    background-position-x: 38.0952380952%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_innerfire {
    background-position-x: 38.0952380952%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_powerwordshield {
    background-position-x: 38.0952380952%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_renew {
    background-position-x: 38.0952380952%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_searinglightpriest {
    background-position-x: 38.0952380952%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_skull {
    background-position-x: 38.0952380952%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayerofhealing02 {
    background-position-x: 38.0952380952%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_heal02 {
    background-position-x: 38.0952380952%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_earthbindtotem {
    background-position-x: 38.0952380952%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_unholyfrenzy {
    background-position-x: 38.0952380952%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowwordpain {
    background-position-x: 38.0952380952%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_twilight {
    background-position-x: 38.0952380952%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_psychicscream {
    background-position-x: 0%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_fireball {
    background-position-x: 2.380952381%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_immolation {
    background-position-x: 4.7619047619%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_callstorm {
    background-position-x: 7.1428571429%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_sealoffire {
    background-position-x: 9.5238095238%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_moonglow {
    background-position-x: 11.9047619048%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_manarecharge {
    background-position-x: 14.2857142857%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_reincarnation {
    background-position-x: 16.6666666667%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_manaregentotem {
    background-position-x: 19.0476190476%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_tranquility {
    background-position-x: 21.4285714286%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_stoneskintotem {
    background-position-x: 23.8095238095%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_lightningshield {
    background-position-x: 26.1904761905%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_spiritwolf {
    background-position-x: 28.5714285714%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_flametounge {
    background-position-x: 30.9523809524%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_feigndeath {
    background-position-x: 33.3333333333%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_starfall {
    background-position-x: 35.7142857143%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_sentinal {
    background-position-x: 38.0952380952%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_starfire {
    background-position-x: 40.4761904762%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_demoralizingroar {
    background-position-x: 40.4761904762%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_naturesblessing {
    background-position-x: 40.4761904762%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_pelt_bear_03 {
    background-position-x: 40.4761904762%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_hyena {
    background-position-x: 40.4761904762%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_bash {
    background-position-x: 40.4761904762%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ambush {
    background-position-x: 40.4761904762%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_vampiricaura {
    background-position-x: 40.4761904762%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_ravage {
    background-position-x: 40.4761904762%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_sinistercalling {
    background-position-x: 40.4761904762%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_holyprotection {
    background-position-x: 40.4761904762%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_resistnature {
    background-position-x: 40.4761904762%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_protectionformnature {
    background-position-x: 40.4761904762%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_windwalkon {
    background-position-x: 40.4761904762%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_rejuvenation {
    background-position-x: 40.4761904762%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_windsofwoe {
    background-position-x: 40.4761904762%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_fingerofdeath {
    background-position-x: 40.4761904762%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_lifedrain02 {
    background-position-x: 0%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_abominationexplosion {
    background-position-x: 2.380952381%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_soulburn {
    background-position-x: 4.7619047619%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_volcano {
    background-position-x: 7.1428571429%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_flameshock {
    background-position-x: 9.5238095238%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_unsummonbuilding {
    background-position-x: 11.9047619048%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_burningspirit {
    background-position-x: 14.2857142857%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_haunting {
    background-position-x: 16.6666666667%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_avatar {
    background-position-x: 19.0476190476%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_lifedrain {
    background-position-x: 21.4285714286%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summonvoidwalker {
    background-position-x: 23.8095238095%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowworddominate {
    background-position-x: 26.1904761905%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_curseofsargeras {
    background-position-x: 28.5714285714%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_invisibilty {
    background-position-x: 30.9523809524%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_kick {
    background-position-x: 33.3333333333%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_parry {
    background-position-x: 35.7142857143%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ensnare {
    background-position-x: 38.0952380952%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_wizardmark {
    background-position-x: 40.4761904762%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_searingarrow {
    background-position-x: 42.8571428571%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_impalingbolt {
    background-position-x: 42.8571428571%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_upgrademoonglaive {
    background-position-x: 42.8571428571%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_quickshot {
    background-position-x: 42.8571428571%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_piercedamage {
    background-position-x: 42.8571428571%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_ravenform {
    background-position-x: 42.8571428571%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_mendpet {
    background-position-x: 42.8571428571%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bullrush {
    background-position-x: 42.8571428571%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_monsterclaw_03 {
    background-position-x: 42.8571428571%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_magic_lesserinvisibilty {
    background-position-x: 42.8571428571%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_defend {
    background-position-x: 42.8571428571%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_devotionaura {
    background-position-x: 42.8571428571%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofprotection {
    background-position-x: 42.8571428571%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessingofstrength {
    background-position-x: 42.8571428571%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_thunderbolt {
    background-position-x: 42.8571428571%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_layonhands {
    background-position-x: 42.8571428571%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_holybolt {
    background-position-x: 42.8571428571%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_mindsooth {
    background-position-x: 42.8571428571%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_sleep {
    background-position-x: 0%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_golemthunderclap {
    background-position-x: 2.380952381%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_healingaura {
    background-position-x: 4.7619047619%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofmight {
    background-position-x: 7.1428571429%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_ancestralguardian {
    background-position-x: 9.5238095238%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_48 {
    background-position-x: 11.9047619048%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_elunesgrace {
    background-position-x: 14.2857142857%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_improvedvampiricembrace {
    background-position-x: 16.6666666667%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_spellwarding {
    background-position-x: 19.0476190476%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_masterofelements {
    background-position-x: 21.4285714286%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_elementaldevastation {
    background-position-x: 23.8095238095%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_healingway {
    background-position-x: 26.1904761905%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldmastery {
    background-position-x: 28.5714285714%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_whirlwind {
    background-position-x: 30.9523809524%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_improveddisciplines {
    background-position-x: 33.3333333333%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_deathscream {
    background-position-x: 35.7142857143%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_painfulafflictions {
    background-position-x: 38.0952380952%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonictactics {
    background-position-x: 40.4761904762%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulleech_3 {
    background-position-x: 42.8571428571%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonicfortitude {
    background-position-x: 45.2380952381%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_lightningoverload {
    background-position-x: 45.2380952381%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_healingwavegreater {
    background-position-x: 45.2380952381%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_feint {
    background-position-x: 45.2380952381%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_revenge {
    background-position-x: 45.2380952381%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_bladetwisting {
    background-position-x: 45.2380952381%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_findweakness {
    background-position-x: 45.2380952381%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_burningspeed {
    background-position-x: 45.2380952381%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_icefloes {
    background-position-x: 45.2380952381%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_moltenblood {
    background-position-x: 45.2380952381%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_purifyingpower {
    background-position-x: 45.2380952381%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_stoicism {
    background-position-x: 45.2380952381%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divineintervention {
    background-position-x: 45.2380952381%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_crusade {
    background-position-x: 45.2380952381%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_fanaticism {
    background-position-x: 45.2380952381%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_holysmite {
    background-position-x: 45.2380952381%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_curseofachimonde {
    background-position-x: 45.2380952381%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_absolution {
    background-position-x: 45.2380952381%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_focusedpower {
    background-position-x: 45.2380952381%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_lunarguidance {
    background-position-x: 0%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_balanceofpower {
    background-position-x: 2.380952381%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_dreamstate {
    background-position-x: 4.7619047619%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_predatoryinstincts {
    background-position-x: 7.1428571429%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_healinginstincts {
    background-position-x: 9.5238095238%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_ferociousinspiration {
    background-position-x: 11.9047619048%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_catlikereflexes {
    background-position-x: 14.2857142857%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_serpentswiftness {
    background-position-x: 16.6666666667%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_zenarchery {
    background-position-x: 19.0476190476%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_mastermarksman {
    background-position-x: 21.4285714286%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_resourcefulness {
    background-position-x: 23.8095238095%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_survivalinstincts {
    background-position-x: 26.1904761905%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_thrillofthehunt {
    background-position-x: 28.5714285714%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_mastertactitian {
    background-position-x: 30.9523809524%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_rapidkilling {
    background-position-x: 33.3333333333%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_goforthethroat {
    background-position-x: 35.7142857143%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon._d3elementalarrow {
    background-position-x: 38.0952380952%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_staff_01 {
    background-position-x: 40.4761904762%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_savageblow {
    background-position-x: 42.8571428571%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_elementalabsorption {
    background-position-x: 45.2380952381%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_studentofthemind {
    background-position-x: 47.619047619%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_wintersgrasp {
    background-position-x: 47.619047619%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_brainfreeze {
    background-position-x: 47.619047619%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_chilledtothebone {
    background-position-x: 47.619047619%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_endlessrage {
    background-position-x: 47.619047619%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_empoweredimp {
    background-position-x: 47.619047619%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_criticalblock {
    background-position-x: 47.619047619%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_aspiration {
    background-position-x: 47.619047619%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_devineaegis {
    background-position-x: 47.619047619%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divineprovidence {
    background-position-x: 47.619047619%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofvengeance {
    background-position-x: 47.619047619%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_primalprecision {
    background-position-x: 47.619047619%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulleech_1 {
    background-position-x: 47.619047619%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_galewinds {
    background-position-x: 47.619047619%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_mangle2 {
    background-position-x: 47.619047619%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_earthandsky {
    background-position-x: 47.619047619%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_replenish {
    background-position-x: 47.619047619%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_incite {
    background-position-x: 47.619047619%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_primalagression {
    background-position-x: 47.619047619%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_lavaflow {
    background-position-x: 47.619047619%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_stormearthfire {
    background-position-x: 0%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_improvedstormstrike {
    background-position-x: 2.380952381%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_blessingofeternals {
    background-position-x: 4.7619047619%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_ancestralawakening {
    background-position-x: 7.1428571429%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_bloodsplatter {
    background-position-x: 9.5238095238%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_focusedattacks {
    background-position-x: 11.9047619048%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_slaughterfromtheshadows {
    background-position-x: 14.2857142857%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_wildquiver {
    background-position-x: 16.6666666667%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_improvedsteadyshot {
    background-position-x: 19.0476190476%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_rapidregeneration {
    background-position-x: 21.4285714286%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_assassinate {
    background-position-x: 23.8095238095%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_invigeration {
    background-position-x: 26.1904761905%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_longevity {
    background-position-x: 28.5714285714%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pointofnoescape {
    background-position-x: 30.9523809524%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_blessedhands {
    background-position-x: 33.3333333333%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_improveddemonictactics {
    background-position-x: 35.7142857143%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_coldasice {
    background-position-x: 38.0952380952%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_darkritual {
    background-position-x: 40.4761904762%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_bomb_05 {
    background-position-x: 42.8571428571%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_huntervswild {
    background-position-x: 45.2380952381%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_intensifyrage {
    background-position-x: 47.619047619%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane03 {
    background-position-x: 50%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_insectswarm {
    background-position-x: 50%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_challangingroar {
    background-position-x: 50%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_draenorraid_d_02 {
    background-position-x: 50%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonicempathy {
    background-position-x: 50%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_blueflamering {
    background-position-x: 50%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_chastise {
    background-position-x: 50%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_pureofheart {
    background-position-x: 50%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_missilebarrage {
    background-position-x: 50%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_abolishmagic {
    background-position-x: 50%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_stranglevines {
    background-position-x: 50%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_maul {
    background-position-x: 50%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ghoulfrenzy {
    background-position-x: 50%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_relics_idolofrejuvenation {
    background-position-x: 50%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_healingtouch {
    background-position-x: 50%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_felblossom {
    background-position-x: 50%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_starfall {
    background-position-x: 50%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_cyclone {
    background-position-x: 50%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_lightning {
    background-position-x: 50%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_searinglight {
    background-position-x: 50%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_revivechampion {
    background-position-x: 50%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_innerrage {
    background-position-x: 0%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_crusaderstrike {
    background-position-x: 2.380952381%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shoulder_37 {
    background-position-x: 4.7619047619%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_avengersshield {
    background-position-x: 7.1428571429%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_turnundead {
    background-position-x: 9.5238095238%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_excorcism_02 {
    background-position-x: 11.9047619048%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_flashheal {
    background-position-x: 14.2857142857%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_avenginewrath {
    background-position-x: 16.6666666667%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blindingheal {
    background-position-x: 19.0476190476%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_righteousnessaura {
    background-position-x: 21.4285714286%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_healingwavelesser {
    background-position-x: 23.8095238095%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_earthlivingweapon {
    background-position-x: 26.1904761905%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_magicimmunity {
    background-position-x: 28.5714285714%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_summonwaterelemental {
    background-position-x: 30.9523809524%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_earthshock {
    background-position-x: 33.3333333333%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostshock {
    background-position-x: 35.7142857143%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_lavalash {
    background-position-x: 38.0952380952%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_stormstrike {
    background-position-x: 40.4761904762%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_chainlightning {
    background-position-x: 42.8571428571%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_fire {
    background-position-x: 45.2380952381%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_elemental_totem {
    background-position-x: 47.619047619%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_summonlightwell {
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_circleofrenewal {
    background-position-x: 52.380952381%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_dispelmagic {
    background-position-x: 52.380952381%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_excorcism {
    background-position-x: 52.380952381%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_holynova {
    background-position-x: 52.380952381%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_greaterheal {
    background-position-x: 52.380952381%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_siphonmana {
    background-position-x: 52.380952381%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowform {
    background-position-x: 52.380952381%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_slow {
    background-position-x: 52.380952381%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_massdispel {
    background-position-x: 52.380952381%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_requiem {
    background-position-x: 52.380952381%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_stone_04 {
    background-position-x: 52.380952381%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_scourgebuild {
    background-position-x: 52.380952381%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulgem {
    background-position-x: 52.380952381%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_deathcoil {
    background-position-x: 52.380952381%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_unstableaffliction_3 {
    background-position-x: 52.380952381%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowbolt {
    background-position-x: 52.380952381%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_burnout {
    background-position-x: 52.380952381%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_possession {
    background-position-x: 52.380952381%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summonfelguard {
    background-position-x: 52.380952381%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summonimp {
    background-position-x: 52.380952381%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summonfelhunter {
    background-position-x: 52.380952381%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summonsuccubus {
    background-position-x: 52.380952381%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_removecurse {
    background-position-x: 0%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_blink {
    background-position-x: 2.380952381%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_invisibility {
    background-position-x: 4.7619047619%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_gem_emerald_01 {
    background-position-x: 7.1428571429%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_flamebolt {
    background-position-x: 9.5238095238%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostbolt02 {
    background-position-x: 11.9047619048%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frost {
    background-position-x: 14.2857142857%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_summonwaterelemental_2 {
    background-position-x: 16.6666666667%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_coldhearted {
    background-position-x: 19.0476190476%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_polymorph {
    background-position-x: 21.4285714286%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostnova {
    background-position-x: 23.8095238095%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostblast {
    background-position-x: 26.1904761905%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_purge {
    background-position-x: 28.5714285714%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_moltenarmor {
    background-position-x: 30.9523809524%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_magearmor {
    background-position-x: 33.3333333333%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_chillingarmor {
    background-position-x: 35.7142857143%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowward {
    background-position-x: 38.0952380952%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_rupture {
    background-position-x: 40.4761904762%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_throwingknife_06 {
    background-position-x: 42.8571428571%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_sprint {
    background-position-x: 45.2380952381%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_garrote {
    background-position-x: 47.619047619%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_curse {
    background-position-x: 50%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_punishingblow {
    background-position-x: 52.380952381%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_antishadow {
    background-position-x: 54.7619047619%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_poisonsting {
    background-position-x: 54.7619047619%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_spear_07 {
    background-position-x: 54.7619047619%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_steadyshot {
    background-position-x: 54.7619047619%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_runningshot {
    background-position-x: 54.7619047619%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_snipershot {
    background-position-x: 54.7619047619%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_ferociousbite {
    background-position-x: 54.7619047619%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_trueshot {
    background-position-x: 54.7619047619%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_chainsofice {
    background-position-x: 54.7619047619%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_freezingbreath {
    background-position-x: 54.7619047619%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_spear_02 {
    background-position-x: 54.7619047619%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_snaketrap {
    background-position-x: 54.7619047619%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_aspectoftheviper {
    background-position-x: 54.7619047619%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_pinktiger {
    background-position-x: 54.7619047619%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_thunderclap {
    background-position-x: 54.7619047619%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_bloodlust {
    background-position-x: 54.7619047619%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_32 {
    background-position-x: 54.7619047619%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_ashestoashes {
    background-position-x: 54.7619047619%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_victoryrush {
    background-position-x: 54.7619047619%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_devastate {
    background-position-x: 54.7619047619%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_meleedamage {
    background-position-x: 54.7619047619%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_11 {
    background-position-x: 54.7619047619%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_shamanrage {
    background-position-x: 54.7619047619%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_shortblade_40 {
    background-position-x: 0%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_antimagicshell {
    background-position-x: 2.380952381%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_iceboundfortitude {
    background-position-x: 4.7619047619%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_deathanddecay {
    background-position-x: 7.1428571429%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_icetouch {
    background-position-x: 9.5238095238%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_armor_helm_plate_naxxramas_raidwarrior_c_01 {
    background-position-x: 11.9047619048%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_scourgestrike {
    background-position-x: 14.2857142857%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_empowerruneblade2 {
    background-position-x: 16.6666666667%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_empowerruneblade {
    background-position-x: 19.0476190476%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_darkconviction {
    background-position-x: 21.4285714286%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_classicon {
    background-position-x: 23.8095238095%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_chest_leather_13 {
    background-position-x: 26.1904761905%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_animatedead {
    background-position-x: 28.5714285714%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_runetap {
    background-position-x: 30.9523809524%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_deathstrike {
    background-position-x: 33.3333333333%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_butcher2 {
    background-position-x: 35.7142857143%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_frostfirebolt {
    background-position-x: 38.0952380952%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_focusedpower {
    background-position-x: 40.4761904762%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_blast {
    background-position-x: 42.8571428571%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_strangulate {
    background-position-x: 45.2380952381%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_berserk {
    background-position-x: 47.619047619%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_flourish {
    background-position-x: 50%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_nourish {
    background-position-x: 52.380952381%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_skinteeth {
    background-position-x: 54.7619047619%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_typhoon {
    background-position-x: 57.1428571429%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_chimerashot2 {
    background-position-x: 57.1428571429%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_explosiveshot {
    background-position-x: 57.1428571429%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_assassinate2 {
    background-position-x: 57.1428571429%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_selfdestruct {
    background-position-x: 57.1428571429%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_golemstormbolt {
    background-position-x: 57.1428571429%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_deepfreeze {
    background-position-x: 57.1428571429%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_livingbomb {
    background-position-x: 57.1428571429%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_arcanebarrage {
    background-position-x: 57.1428571429%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_ice_lament {
    background-position-x: 57.1428571429%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_beaconoflight {
    background-position-x: 57.1428571429%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_hammeroftherighteous {
    background-position-x: 57.1428571429%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_divinestorm {
    background-position-x: 57.1428571429%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_shieldofvengeance {
    background-position-x: 57.1428571429%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofsalvation {
    background-position-x: 57.1428571429%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_dispersion {
    background-position-x: 57.1428571429%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_guardianspirit {
    background-position-x: 57.1428571429%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_penance {
    background-position-x: 57.1428571429%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_mindshear {
    background-position-x: 57.1428571429%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_symbolofhope {
    background-position-x: 57.1428571429%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_painsupression {
    background-position-x: 57.1428571429%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_bloodlet {
    background-position-x: 57.1428571429%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_murderspree {
    background-position-x: 57.1428571429%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shadowdance {
    background-position-x: 57.1428571429%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_fanofknives {
    background-position-x: 0%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_tricksofthetrade {
    background-position-x: 2.380952381%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shadowstrikes {
    background-position-x: 4.7619047619%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_nethercloak {
    background-position-x: 7.1428571429%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_thunderstorm {
    background-position-x: 9.5238095238%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_feralspirit {
    background-position-x: 11.9047619048%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_riptide {
    background-position-x: 14.2857142857%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_skinofearth {
    background-position-x: 16.6666666667%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_totemofwrath {
    background-position-x: 19.0476190476%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_hex {
    background-position-x: 21.4285714286%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_haunt {
    background-position-x: 23.8095238095%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonform {
    background-position-x: 26.1904761905%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_chaosbolt {
    background-position-x: 28.5714285714%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demoniccircleteleport {
    background-position-x: 30.9523809524%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_shadowflame {
    background-position-x: 33.3333333333%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_gathershadows {
    background-position-x: 35.7142857143%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bladestorm {
    background-position-x: 38.0952380952%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shockwave {
    background-position-x: 40.4761904762%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_vigilance {
    background-position-x: 42.8571428571%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_focusedrage {
    background-position-x: 45.2380952381%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldreflection {
    background-position-x: 47.619047619%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldwall {
    background-position-x: 50%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_07 {
    background-position-x: 52.380952381%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_staff_15 {
    background-position-x: 54.7619047619%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_contagion {
    background-position-x: 57.1428571429%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_carrionswarm {
    background-position-x: 59.5238095238%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_arcticwinds {
    background-position-x: 59.5238095238%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_disembowel {
    background-position-x: 59.5238095238%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_tigersroar {
    background-position-x: 59.5238095238%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_rake {
    background-position-x: 59.5238095238%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_zone_hillsbradfoothills {
    background-position-x: 59.5238095238%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.buff_feltreasures {
    background-position-x: 59.5238095238%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_incinerate {
    background-position-x: 59.5238095238%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_tabard_duelersguild {
    background-position-x: 59.5238095238%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_searingtotem {
    background-position-x: 59.5238095238%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_rollthebones01 {
    background-position-x: 59.5238095238%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_creature_disease_02 {
    background-position-x: 59.5238095238%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_bee_default {
    background-position-x: 59.5238095238%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_misc_emotionsad {
    background-position-x: 59.5238095238%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_pet_thunderislebabybird {
    background-position-x: 59.5238095238%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_overpowered {
    background-position-x: 59.5238095238%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._d3energyarmor {
    background-position-x: 59.5238095238%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._bannishkt_blue {
    background-position-x: 59.5238095238%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon._calltoarms_forsaken_purple {
    background-position-x: 59.5238095238%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane01 {
    background-position-x: 59.5238095238%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_fireblood {
    background-position-x: 59.5238095238%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_fireandbrimstone {
    background-position-x: 59.5238095238%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_presenceofmind {
    background-position-x: 59.5238095238%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_bear {
    background-position-x: 59.5238095238%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_bloodyeye {
    background-position-x: 59.5238095238%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowfiend {
    background-position-x: 0%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_earthelemental_totem {
    background-position-x: 2.380952381%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_forceofnature {
    background-position-x: 4.7619047619%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_pet_wardenowl {
    background-position-x: 7.1428571429%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_defensivestance {
    background-position-x: 9.5238095238%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_halloween_ghost_01 {
    background-position-x: 11.9047619048%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_bloodythrash {
    background-position-x: 14.2857142857%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_devouringplague {
    background-position-x: 16.6666666667%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostbrand {
    background-position-x: 19.0476190476%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_darkmoon_eye {
    background-position-x: 21.4285714286%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_balancedruid_halfmoon {
    background-position-x: 23.8095238095%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_helm_cloth_b_01pirate_black {
    background-position-x: 26.1904761905%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.rogue_subterfuge {
    background-position-x: 28.5714285714%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_holiday_beerfest_highmountain {
    background-position-x: 30.9523809524%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.trade_brewpoison {
    background-position-x: 33.3333333333%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_fungarian_dark {
    background-position-x: 35.7142857143%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_creature_poison_06 {
    background-position-x: 38.0952380952%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldbash {
    background-position-x: 40.4761904762%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcanearrow_border {
    background-position-x: 42.8571428571%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ammo_arrow_03 {
    background-position-x: 45.2380952381%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_theblackarrow {
    background-position-x: 47.619047619%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shroudofconcealment {
    background-position-x: 50%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._d3frostnova {
    background-position-x: 52.380952381%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.talentspec_druid_feral_bear {
    width: 128px;
    height: 128px;
    background-position-x: 9.756097561%;
    background-position-y: 29.2682926829%;
    background-size: 2150%, 2150%
}

.builder-icon.hunter_pvp_snipershot {
    background-position-x: 54.7619047619%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shootwand {
    background-position-x: 57.1428571429%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_manaburn {
    background-position-x: 59.5238095238%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_burstingshot {
    background-position-x: 61.9047619048%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elemental_mote_mana {
    background-position-x: 61.9047619048%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_rainoffire {
    background-position-x: 61.9047619048%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_pet_diseasedbearcub {
    background-position-x: 61.9047619048%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_bearform {
    background-position-x: 61.9047619048%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_tigerpalm {
    background-position-x: 61.9047619048%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_harmundeadaura {
    background-position-x: 61.9047619048%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_faeriefire {
    background-position-x: 61.9047619048%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fire_swap {
    width: 256px;
    height: 256px;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: 1075%, 1075%
}

.builder-icon.achievement_guild_doctorisin {
    background-position-x: 61.9047619048%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mount_hippogryph_arcane {
    background-position-x: 61.9047619048%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_beasttaming {
    background-position-x: 61.9047619048%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_corehound {
    background-position-x: 61.9047619048%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_snowygryphon {
    background-position-x: 61.9047619048%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_pandarenserpentmount_lightning_black {
    background-position-x: 61.9047619048%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_voiddragonmount {
    background-position-x: 61.9047619048%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_lacerate {
    background-position-x: 61.9047619048%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_healingfocus {
    background-position-x: 61.9047619048%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._d3blindingflash {
    background-position-x: 61.9047619048%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_bag_11 {
    background-position-x: 61.9047619048%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_beaconsoflight {
    background-position-x: 61.9047619048%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_legendary_gun {
    background-position-x: 61.9047619048%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_plant_02 {
    background-position-x: 61.9047619048%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathwing_bloodcorruption_death {
    background-position-x: 61.9047619048%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skeer_bloodletting {
    background-position-x: 61.9047619048%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_throwingknife_04 {
    background-position-x: 61.9047619048%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_unholydeathknight_deathsembrace {
    background-position-x: 61.9047619048%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_manatap {
    background-position-x: 0%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_eclipse {
    background-position-x: 2.380952381%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_impending_victory {
    background-position-x: 4.7619047619%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_multitotemactivation {
    background-position-x: 7.1428571429%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.stormspear_empowered_icon {
    background-position-x: 9.5238095238%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_furyintheblood {
    background-position-x: 11.9047619048%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_criticalstrike {
    background-position-x: 14.2857142857%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_lightoftheprotector {
    background-position-x: 16.6666666667%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nzinsanity_chasedbyshadows {
    background-position-x: 19.0476190476%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_stealth {
    background-position-x: 21.4285714286%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_frostbomb {
    background-position-x: 23.8095238095%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_painspike {
    background-position-x: 26.1904761905%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_demonicpower {
    background-position-x: 28.5714285714%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_avoidance {
    background-position-x: 30.9523809524%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_goto {
    background-position-x: 33.3333333333%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_firefrost orb {
    background-position-x: 35.7142857143%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_enchantarmor {
    background-position-x: 38.0952380952%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_giftoftheearthmother {
    background-position-x: 40.4761904762%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_goldthorn_bramble {
    background-position-x: 42.8571428571%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_thorns {
    background-position-x: 45.2380952381%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_earthen_pillar {
    background-position-x: 47.619047619%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_improvedresistanceauras {
    background-position-x: 50%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_counteractmagic {
    background-position-x: 52.380952381%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_frozenarm_border {
    background-position-x: 54.7619047619%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_challange {
    background-position-x: 57.1428571429%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_astralshift {
    background-position-x: 59.5238095238%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementsofthejust {
    background-position-x: 61.9047619048%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bloodbath {
    background-position-x: 64.2857142857%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_winston_rage {
    background-position-x: 64.2857142857%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_speedoflight {
    background-position-x: 64.2857142857%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_garrosh_hellscreams_warsong {
    background-position-x: 64.2857142857%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bloodfrenzy {
    background-position-x: 64.2857142857%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._d3furiouscharge {
    background-position-x: 64.2857142857%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mace_1h_fearbreaker_d_01 {
    background-position-x: 64.2857142857%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_butcher_gushingwounds {
    background-position-x: 64.2857142857%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_throw {
    background-position-x: 64.2857142857%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_twilightimmolation {
    background-position-x: 64.2857142857%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_blooddeathknight_umbilicuseternus {
    background-position-x: 64.2857142857%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_consumemagic {
    background-position-x: 64.2857142857%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_potentspirit {
    background-position-x: 64.2857142857%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane04 {
    background-position-x: 64.2857142857%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_kelthuzad_01 {
    background-position-x: 64.2857142857%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_summerfest_firespirit {
    background-position-x: 64.2857142857%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_weaponmastery {
    background-position-x: 64.2857142857%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_ascension {
    background-position-x: 64.2857142857%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_clarityofpower {
    background-position-x: 64.2857142857%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_crashlightning {
    background-position-x: 64.2857142857%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_worldevent_lunar {
    background-position-x: 64.2857142857%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_holyavenger {
    background-position-x: 64.2857142857%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_firelands_raid_ragnaros {
    background-position-x: 64.2857142857%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_dragonroar {
    background-position-x: 64.2857142857%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_ladydeathwhisper {
    background-position-x: 64.2857142857%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon._d3archon {
    background-position-x: 64.2857142857%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_ragnaros_supernova {
    background-position-x: 64.2857142857%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_surgeoflight {
    background-position-x: 0%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_senseundead {
    background-position-x: 2.380952381%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_serendipity {
    background-position-x: 4.7619047619%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_volatilefire {
    background-position-x: 7.1428571429%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frostfire_orb {
    background-position-x: 9.5238095238%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._d3firebomb {
    background-position-x: 11.9047619048%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv__azerite fireball {
    background-position-x: 14.2857142857%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_frostlotus {
    background-position-x: 16.6666666667%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_blacklotus {
    background-position-x: 19.0476190476%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_starflower {
    background-position-x: 21.4285714286%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._skullcurse2_arcanes {
    background-position-x: 23.8095238095%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_chillingbolt {
    background-position-x: 26.1904761905%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._ldabookshelfmagic {
    background-position-x: 28.5714285714%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_persuitofjustice {
    background-position-x: 30.9523809524%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_onewithnature {
    background-position-x: 33.3333333333%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._d3shadowpower {
    background-position-x: 35.7142857143%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_socererking_arcanefortification {
    background-position-x: 38.0952380952%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_holybolts01 {
    background-position-x: 40.4761904762%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayeroffortitude {
    background-position-x: 42.8571428571%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayerofhealing {
    background-position-x: 45.2380952381%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_dizzy {
    background-position-x: 47.619047619%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_fireravengodmountpurple {
    background-position-x: 50%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_blueflamebolt {
    background-position-x: 52.380952381%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_golden_lotus_council {
    background-position-x: 54.7619047619%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_priest_void blast {
    background-position-x: 57.1428571429%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_brightwaterlily {
    background-position-x: 59.5238095238%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_frostmage_blackicicles {
    background-position-x: 61.9047619048%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_magemount_frost {
    background-position-x: 64.2857142857%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowpower {
    background-position-x: 66.6666666667%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_rebuke {
    background-position-x: 66.6666666667%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_redemption {
    background-position-x: 66.6666666667%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_frostjaw {
    background-position-x: 66.6666666667%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shadowstep {
    background-position-x: 66.6666666667%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_socererking_arcaneacceleration {
    background-position-x: 66.6666666667%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divinepurpose {
    background-position-x: 66.6666666667%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_powerinfusion {
    background-position-x: 66.6666666667%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_detectinvisibility {
    background-position-x: 66.6666666667%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_gaurdedbythelight {
    background-position-x: 66.6666666667%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_touchedbylight {
    background-position-x: 66.6666666667%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_foregedinflames {
    background-position-x: 66.6666666667%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_essence_reapingflames {
    background-position-x: 66.6666666667%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_rapidfire {
    background-position-x: 66.6666666667%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_argus_soulbombdebufflarge {
    background-position-x: 66.6666666667%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_flameorb_purple {
    background-position-x: 66.6666666667%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_blueflamestrike {
    background-position-x: 66.6666666667%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_improvedreincarnation {
    background-position-x: 66.6666666667%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_rune {
    background-position-x: 66.6666666667%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_thorns_nightmare {
    background-position-x: 66.6666666667%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_frostweed {
    background-position-x: 66.6666666667%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulleech {
    background-position-x: 66.6666666667%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_zoanthid {
    background-position-x: 66.6666666667%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostarmor {
    background-position-x: 66.6666666667%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_manaburn {
    background-position-x: 66.6666666667%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frostresistancetotem_01 {
    background-position-x: 66.6666666667%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_dkmountfrost {
    background-position-x: 66.6666666667%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_frostmage_ebonbolt {
    background-position-x: 66.6666666667%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_garrosh_touch_of_yshaarj {
    background-position-x: 0%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_impphaseshift {
    background-position-x: 2.380952381%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_destructivesoul {
    background-position-x: 4.7619047619%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_plaguecloud {
    background-position-x: 7.1428571429%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowfury {
    background-position-x: 9.5238095238%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_arcaneaffinity {
    background-position-x: 11.9047619048%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcanepotency_nightborne {
    background-position-x: 14.2857142857%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_studentofmagic {
    background-position-x: 16.6666666667%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mount_arcaneraven {
    background-position-x: 19.0476190476%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_blindinglight {
    background-position-x: 21.4285714286%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_handoflight {
    background-position-x: 23.8095238095%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_dungeon_icecrown_frostmourne {
    background-position-x: 26.1904761905%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_thenighthold_chromaticanomaly {
    background-position-x: 28.5714285714%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_crossfire {
    background-position-x: 30.9523809524%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_treeoflife_red {
    background-position-x: 33.3333333333%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_ring of frost {
    background-position-x: 35.7142857143%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_greaterblessingofsanctuary {
    background-position-x: 38.0952380952%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowandflame {
    background-position-x: 40.4761904762%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_flameorb {
    background-position-x: 42.8571428571%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_flamecap {
    background-position-x: 45.2380952381%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_stellarflare {
    background-position-x: 47.619047619%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_flamecannon {
    background-position-x: 50%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_flash_bang {
    background-position-x: 52.380952381%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_camouflage {
    background-position-x: 54.7619047619%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_18 {
    background-position-x: 57.1428571429%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_19 {
    background-position-x: 59.5238095238%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_stormvine {
    background-position-x: 61.9047619048%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_plaguebloom {
    background-position-x: 64.2857142857%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_mountainsilversage {
    background-position-x: 66.6666666667%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_frostfever {
    background-position-x: 69.0476190476%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_ice shards {
    background-position-x: 69.0476190476%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_fireresistancetotem {
    background-position-x: 69.0476190476%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_icecap {
    background-position-x: 69.0476190476%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_frostpresence {
    background-position-x: 69.0476190476%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_piercing chill {
    background-position-x: 69.0476190476%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadesofdarkness {
    background-position-x: 69.0476190476%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_curseoftounges {
    background-position-x: 69.0476190476%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_twilightjasmine {
    background-position-x: 69.0476190476%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_lifedrain02_purple {
    background-position-x: 69.0476190476%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_massinvisibility {
    background-position-x: 69.0476190476%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_supernova_nightborne {
    background-position-x: 69.0476190476%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_infernoblast {
    background-position-x: 69.0476190476%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_chamlotus {
    background-position-x: 69.0476190476%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_rayoffrost {
    background-position-x: 69.0476190476%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_evanesce {
    background-position-x: 69.0476190476%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._d3sevensidedstrike {
    background-position-x: 69.0476190476%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bossfelmagnaron_hand {
    background-position-x: 69.0476190476%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ember_fel {
    background-position-x: 69.0476190476%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_felflamestrike {
    background-position-x: 69.0476190476%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_vindication {
    background-position-x: 69.0476190476%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_bow_02 {
    background-position-x: 69.0476190476%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_glacier {
    background-position-x: 69.0476190476%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_evileye {
    background-position-x: 69.0476190476%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_magic_featherfall {
    background-position-x: 69.0476190476%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonbreath {
    background-position-x: 69.0476190476%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofwisdom {
    background-position-x: 69.0476190476%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_lightning_lightningbolt01 {
    background-position-x: 69.0476190476%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._chainoflightning_monk {
    background-position-x: 69.0476190476%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_treeoflife {
    background-position-x: 0%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fire_soul_border {
    background-position-x: 2.380952381%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_firecross_border {
    background-position-x: 4.7619047619%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holyring_border {
    background-position-x: 7.1428571429%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_snowflake_border {
    background-position-x: 9.5238095238%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_frozenheart_border {
    background-position-x: 11.9047619048%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_frozenmoon_border {
    background-position-x: 14.2857142857%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_snowflake_border {
    background-position-x: 16.6666666667%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holy_hand_border {
    background-position-x: 19.0476190476%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_manaballs_border {
    background-position-x: 21.4285714286%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_removecurse {
    background-position-x: 23.8095238095%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_restoration {
    background-position-x: 26.1904761905%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_nullifydisease {
    background-position-x: 28.5714285714%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_nullifydisease {
    background-position-x: 30.9523809524%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_astralrecal {
    background-position-x: 33.3333333333%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_food_10 {
    background-position-x: 35.7142857143%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_auraofdarkness {
    background-position-x: 38.0952380952%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_disarm {
    background-position-x: 40.4761904762%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_ragingscream {
    background-position-x: 42.8571428571%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_curseofmannoroth {
    background-position-x: 45.2380952381%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_cripple {
    background-position-x: 47.619047619%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_catform {
    background-position-x: 50%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_travelform {
    background-position-x: 52.380952381%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_beastsoothe {
    background-position-x: 54.7619047619%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_eyeoftheowl {
    background-position-x: 57.1428571429%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofvalor {
    background-position-x: 59.5238095238%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_aquaticform {
    background-position-x: 61.9047619048%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_enslavedemon {
    background-position-x: 64.2857142857%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_summoninfernal {
    background-position-x: 66.6666666667%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_regeneration {
    background-position-x: 69.0476190476%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_purify {
    background-position-x: 71.4285714286%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_wordfortitude {
    background-position-x: 71.4285714286%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_magicalsentry {
    background-position-x: 71.4285714286%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_chilltouch {
    background-position-x: 71.4285714286%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_swiftstrike {
    background-position-x: 71.4285714286%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_cower {
    background-position-x: 71.4285714286%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_flare {
    background-position-x: 71.4285714286%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_distract {
    background-position-x: 71.4285714286%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vanish {
    background-position-x: 71.4285714286%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_resurrection {
    background-position-x: 71.4285714286%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_mindvision {
    background-position-x: 71.4285714286%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_iceshock {
    background-position-x: 71.4285714286%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_gem_sapphire_01 {
    background-position-x: 71.4285714286%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_strengthofearthtotem02 {
    background-position-x: 71.4285714286%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_nullifypoison_02 {
    background-position-x: 71.4285714286%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_trip {
    background-position-x: 71.4285714286%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_aimedshot {
    background-position-x: 71.4285714286%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_criticalshot {
    background-position-x: 71.4285714286%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_slowingtotem {
    background-position-x: 71.4285714286%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_jungletiger {
    background-position-x: 71.4285714286%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_enrage {
    background-position-x: 71.4285714286%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_spear_04 {
    background-position-x: 71.4285714286%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_drink_06 {
    background-position-x: 71.4285714286%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_fireball02 {
    background-position-x: 71.4285714286%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ammo_firetar {
    background-position-x: 71.4285714286%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_gauntlets_04 {
    background-position-x: 71.4285714286%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_physical_taunt {
    background-position-x: 71.4285714286%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofsacrifice {
    background-position-x: 71.4285714286%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostarmor02 {
    background-position-x: 71.4285714286%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holy_speed_border {
    background-position-x: 71.4285714286%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_magicspeed_border {
    background-position-x: 0%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowspeed_border {
    background-position-x: 2.380952381%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcanespeed_border {
    background-position-x: 4.7619047619%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_frost_swirl_border {
    background-position-x: 7.1428571429%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_archaeology_80_zandalari_sanguinetotem {
    background-position-x: 9.5238095238%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_flamewave_border {
    background-position-x: 11.9047619048%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_earth_icon_0000s_0000_earth_border {
    background-position-x: 14.2857142857%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_wind_icon_0004s_0000_light_border {
    background-position-x: 16.6666666667%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_ghostwater_border {
    background-position-x: 19.0476190476%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_rockbiter {
    background-position-x: 21.4285714286%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_totemrecall {
    background-position-x: 23.8095238095%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_rotting_breath {
    background-position-x: 26.1904761905%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_head_dragon_01 {
    background-position-x: 28.5714285714%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_eng_bombstonestun {
    background-position-x: 30.9523809524%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_eng_bombfire {
    background-position-x: 33.3333333333%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ui_darkshore_warfront_alliance_faerie_dragon {
    background-position-x: 35.7142857143%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_faeriedragon2_orange {
    background-position-x: 38.0952380952%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_felboarmount {
    background-position-x: 40.4761904762%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_massentanglement_nightmare {
    background-position-x: 42.8571428571%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_priest_void_blast {
    background-position-x: 45.2380952381%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementofthepure {
    background-position-x: 47.619047619%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_enlightenedjudgements {
    background-position-x: 50%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_unholystrength {
    background-position-x: 52.380952381%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_wispsplodegreen {
    background-position-x: 54.7619047619%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_tremortotem {
    background-position-x: 57.1428571429%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_diseasecleansingtotem {
    background-position-x: 59.5238095238%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_flameheart_border {
    background-position-x: 61.9047619048%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_groundingtotem {
    background-position-x: 64.2857142857%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fireresistancetotem_01 {
    background-position-x: 66.6666666667%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_guardianward {
    background-position-x: 69.0476190476%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_windfury {
    background-position-x: 71.4285714286%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_nullifypoison {
    background-position-x: 73.8095238095%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_natureresistancetotem {
    background-position-x: 73.8095238095%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_deathpact {
    background-position-x: 73.8095238095%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divinespirit {
    background-position-x: 73.8095238095%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_undyingstrength {
    background-position-x: 73.8095238095%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_natureswrath {
    background-position-x: 73.8095238095%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_fistofjustice {
    background-position-x: 73.8095238095%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_drowsy {
    background-position-x: 73.8095238095%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_magic_magearmor {
    background-position-x: 73.8095238095%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_righteousfury {
    background-position-x: 73.8095238095%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_giftofthewild {
    background-position-x: 73.8095238095%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_mangle_tga {
    background-position-x: 73.8095238095%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_arcaneintellect {
    background-position-x: 73.8095238095%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_05 {
    background-position-x: 73.8095238095%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_watershield {
    background-position-x: 73.8095238095%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_forceofnature {
    background-position-x: 73.8095238095%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealoffury {
    background-position-x: 73.8095238095%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_greaterblessingofkings {
    background-position-x: 73.8095238095%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_greaterblessingofwisdom {
    background-position-x: 73.8095238095%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_magic_greaterblessingofkings {
    background-position-x: 73.8095238095%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_seedofdestruction {
    background-position-x: 73.8095238095%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayerofspirit {
    background-position-x: 73.8095238095%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayerofshadowprotection {
    background-position-x: 73.8095238095%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessedrecovery {
    background-position-x: 73.8095238095%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_felarmour {
    background-position-x: 73.8095238095%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_auramastery {
    background-position-x: 73.8095238095%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_lightsgrace {
    background-position-x: 73.8095238095%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divineillumination {
    background-position-x: 73.8095238095%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_heroism {
    background-position-x: 73.8095238095%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowembrace {
    background-position-x: 73.8095238095%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_prayerofmendingtga {
    background-position-x: 73.8095238095%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessedresillience {
    background-position-x: 0%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_earthbind {
    background-position-x: 2.380952381%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_flightform {
    background-position-x: 4.7619047619%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_killcommand {
    background-position-x: 7.1428571429%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_cleansespirit {
    background-position-x: 9.5238095238%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementred {
    background-position-x: 11.9047619048%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementblue {
    background-position-x: 14.2857142857%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_artofwar {
    background-position-x: 16.6666666667%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._bearattack_purpleblue {
    background-position-x: 19.0476190476%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_heroicleap {
    background-position-x: 21.4285714286%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_powerwordbarrier {
    background-position-x: 23.8095238095%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shatteringthrow {
    background-position-x: 26.1904761905%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_axe_66 {
    background-position-x: 28.5714285714%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_hellfire_felorccouncil {
    background-position-x: 30.9523809524%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_felpyroblast {
    background-position-x: 33.3333333333%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_priest_burningwill {
    background-position-x: 35.7142857143%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_halo {
    background-position-x: 38.0952380952%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_healingglobes_border {
    background-position-x: 40.4761904762%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_flameheart_border {
    background-position-x: 42.8571428571%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_twilightfire {
    background-position-x: 45.2380952381%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_orbofshadow_border {
    background-position-x: 47.619047619%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_moltencore {
    background-position-x: 50%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_sealofwrath {
    background-position-x: 52.380952381%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_raptorstrike {
    background-position-x: 54.7619047619%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_wrathv2 {
    background-position-x: 57.1428571429%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathwing_fierygrip {
    background-position-x: 59.5238095238%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._d3rayoffrost {
    background-position-x: 61.9047619048%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._d3meteor {
    background-position-x: 64.2857142857%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._auracloak_shadow {
    background-position-x: 66.6666666667%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._5_warlock27_border {
    background-position-x: 69.0476190476%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_bluecano {
    background-position-x: 71.4285714286%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_dirtydeeds {
    background-position-x: 73.8095238095%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_nature_heal_border {
    background-position-x: 76.1904761905%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_lavasurge {
    background-position-x: 76.1904761905%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_fire_0001s_0000_explosion_border {
    background-position-x: 76.1904761905%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holy_amulet_border {
    background-position-x: 76.1904761905%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_healing_border {
    background-position-x: 76.1904761905%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._d3wayofthehundredfists {
    background-position-x: 76.1904761905%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mace_2h_draenorguard_b_01_horde {
    background-position-x: 76.1904761905%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_wild_strike {
    background-position-x: 76.1904761905%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_colossussmash {
    background-position-x: 76.1904761905%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_waylay {
    background-position-x: 76.1904761905%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_knife_1h_cataclysm_c_05 {
    background-position-x: 76.1904761905%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_glaivetoss {
    background-position-x: 76.1904761905%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_throwingknife_07 {
    background-position-x: 76.1904761905%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_lavaburst {
    background-position-x: 76.1904761905%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.shaman_talent_elementalblast {
    background-position-x: 76.1904761905%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_handofguldan {
    background-position-x: 76.1904761905%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_greaterinvisibility {
    background-position-x: 76.1904761905%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_consumemagic {
    background-position-x: 76.1904761905%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_dungeon_blackwingdescent_raid_nefarian {
    background-position-x: 76.1904761905%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_sjonnir {
    background-position-x: 76.1904761905%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_necroticplague {
    background-position-x: 76.1904761905%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._spellsteal_purple {
    background-position-x: 76.1904761905%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_bg_killingblow_berserker {
    background-position-x: 76.1904761905%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_soulbarrier {
    background-position-x: 76.1904761905%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.shaman_pvp_staticcling {
    background-position-x: 76.1904761905%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_argus_psychic_scarring {
    background-position-x: 76.1904761905%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_convection {
    background-position-x: 76.1904761905%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_sunorb {
    width: 256px;
    height: 256px;
    background-position-x: 10.2564102564%;
    background-position-y: 0%;
    background-size: 1075%, 1075%
}

.builder-icon.nhi_natureambush_border {
    background-position-x: 76.1904761905%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fire_solar_border {
    background-position-x: 76.1904761905%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon._time_1_dawn {
    background-position-x: 76.1904761905%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_arcanelightning_border {
    background-position-x: 76.1904761905%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_15_ice_block_border {
    background-position-x: 76.1904761905%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_spiritlink {
    background-position-x: 0%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_sunfall {
    background-position-x: 2.380952381%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_monsterclaw_04 {
    background-position-x: 4.7619047619%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_boomerangrush {
    background-position-x: 7.1428571429%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_grimward {
    background-position-x: 9.5238095238%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_deviouspoisons {
    background-position-x: 11.9047619048%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_pocketwatch_01 {
    background-position-x: 14.2857142857%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_feraldruid_openwounds {
    background-position-x: 16.6666666667%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_guildperk_everyones a hero {
    background-position-x: 19.0476190476%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_socererking_arcanemines {
    background-position-x: 21.4285714286%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_icethorn {
    background-position-x: 23.8095238095%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_firenova {
    background-position-x: 26.1904761905%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vehicle_electrocharge {
    background-position-x: 28.5714285714%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_cobrashot {
    background-position-x: 30.9523809524%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon._5_priestskill01nobg_border {
    background-position-x: 33.3333333333%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_hopeandgrace {
    width: 256px;
    height: 256px;
    background-position-x: 0%;
    background-position-y: 10.2564102564%;
    background-size: 1075%, 1075%
}

.builder-icon.garrison_blueweapon {
    background-position-x: 35.7142857143%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_garrison_invasion {
    background-position-x: 38.0952380952%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon._crossingswords_colorsred {
    background-position-x: 40.4761904762%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon._liquidstone_water {
    background-position-x: 42.8571428571%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.shaman_pvp_ripplingwaters {
    background-position-x: 45.2380952381%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_traplauncher {
    background-position-x: 47.619047619%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane01_nightborne {
    background-position-x: 50%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_88 {
    background-position-x: 52.380952381%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_hightide {
    background-position-x: 54.7619047619%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_cyclone {
    background-position-x: 57.1428571429%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_thunderking_overcharge {
    background-position-x: 59.5238095238%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.creatureportrait_infernal_ball_02 {
    background-position-x: 61.9047619048%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_warrior_dragoncharge {
    background-position-x: 64.2857142857%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_head_dragon_bronze {
    background-position-x: 66.6666666667%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_nightblade {
    background-position-x: 69.0476190476%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elemental_eternal_water {
    background-position-x: 71.4285714286%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fieryhammer_border {
    background-position-x: 73.8095238095%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_toweroflight {
    background-position-x: 76.1904761905%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_unrelentingassault {
    background-position-x: 78.5714285714%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_voidwhirl {
    width: 256px;
    height: 256px;
    background-position-x: 10.2564102564%;
    background-position-y: 10.2564102564%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_priest_voidshift {
    background-position-x: 78.5714285714%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divineshield {
    background-position-x: 78.5714285714%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_mindtwisting {
    background-position-x: 78.5714285714%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_forcesphere_arcane {
    background-position-x: 78.5714285714%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathwing_bloodcorruption_earth {
    background-position-x: 78.5714285714%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_corruptedblood {
    background-position-x: 78.5714285714%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_liferoot_stem {
    background-position-x: 78.5714285714%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_torment {
    background-position-x: 78.5714285714%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_glide {
    background-position-x: 78.5714285714%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rhyolith_volcano {
    background-position-x: 78.5714285714%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._d3leapattack {
    background-position-x: 78.5714285714%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_massentanglement {
    background-position-x: 78.5714285714%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.creatureportrait_cyclone_nodebris {
    background-position-x: 78.5714285714%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_1h_hyrja_d_01 {
    background-position-x: 78.5714285714%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_disarmingshot {
    background-position-x: 78.5714285714%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_boots_cloth_15 {
    background-position-x: 78.5714285714%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._diablo3_arrowrain_warrior {
    background-position-x: 78.5714285714%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_markedfordeath {
    background-position-x: 78.5714285714%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_devouringplague_ {
    background-position-x: 78.5714285714%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_trauma {
    background-position-x: 78.5714285714%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_empoweredtouch {
    background-position-x: 78.5714285714%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_unused2 {
    background-position-x: 78.5714285714%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_owlkinfrenzy {
    background-position-x: 78.5714285714%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_summerfest_braziergreen {
    background-position-x: 78.5714285714%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_primaltenacity {
    background-position-x: 78.5714285714%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_snipertraining {
    background-position-x: 78.5714285714%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_sawblade_01 {
    background-position-x: 78.5714285714%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_fishbite_border {
    background-position-x: 78.5714285714%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_19_gutting_border {
    background-position-x: 78.5714285714%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_fierypayback {
    background-position-x: 78.5714285714%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_chillingblast {
    background-position-x: 78.5714285714%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_righteousvengeance {
    background-position-x: 78.5714285714%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_31 {
    background-position-x: 0%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_tidalwaves {
    background-position-x: 2.380952381%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_improvedsoulleech {
    background-position-x: 4.7619047619%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_archimonde {
    background-position-x: 7.1428571429%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_felrainoffire {
    background-position-x: 9.5238095238%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_staticshock {
    background-position-x: 11.9047619048%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcanetorrent {
    background-position-x: 14.2857142857%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessingofprotection {
    background-position-x: 16.6666666667%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_holyguidance {
    background-position-x: 19.0476190476%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon._darkhand_shadow {
    background-position-x: 21.4285714286%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_battleshout {
    background-position-x: 23.8095238095%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowroar_border {
    background-position-x: 26.1904761905%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_nervesofsteel {
    background-position-x: 28.5714285714%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_cannibalize {
    background-position-x: 30.9523809524%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_playingwithfire {
    background-position-x: 33.3333333333%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_spiritualguidence {
    background-position-x: 35.7142857143%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_infusionoflight {
    background-position-x: 38.0952380952%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_yoggsaron_01 {
    background-position-x: 40.4761904762%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_cthun {
    background-position-x: 42.8571428571%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_darkness {
    background-position-x: 45.2380952381%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_impholyconcentration {
    background-position-x: 47.619047619%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_eradication {
    background-position-x: 50%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_gem_variety_01 {
    background-position-x: 52.380952381%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_burnout {
    background-position-x: 54.7619047619%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_lavaspawn {
    background-position-x: 57.1428571429%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_holyshot_border {
    background-position-x: 59.5238095238%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_unstablemagic {
    background-position-x: 61.9047619048%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_regeneration_02 {
    background-position-x: 64.2857142857%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_lifegivingseed {
    background-position-x: 66.6666666667%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_improvedearthshield {
    background-position-x: 69.0476190476%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_rune {
    background-position-x: 71.4285714286%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_spectralsight {
    background-position-x: 73.8095238095%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_gem_pearl_06 {
    background-position-x: 76.1904761905%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_giftofthewaterspirit {
    background-position-x: 78.5714285714%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_cobrastrikes {
    background-position-x: 80.9523809524%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_28_bow_shot_nobg {
    width: 256px;
    height: 256px;
    background-position-x: 20.5128205128%;
    background-position-y: 0%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_shadow_psychichorrors {
    background-position-x: 80.9523809524%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_cheapshot {
    background-position-x: 80.9523809524%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_borrowedtime {
    background-position-x: 80.9523809524%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_dash {
    background-position-x: 80.9523809524%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_kilruk_reave {
    background-position-x: 80.9523809524%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon._d3hammeroftheancients {
    background-position-x: 80.9523809524%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_pandarenkitemount_green {
    background-position-x: 80.9523809524%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_rampantgrowth {
    background-position-x: 80.9523809524%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_backdraftgreen {
    background-position-x: 80.9523809524%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_backdraft {
    background-position-x: 80.9523809524%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._seed_shadow {
    background-position-x: 80.9523809524%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon._5_holynobg_border {
    background-position-x: 80.9523809524%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_raid_thunder_king {
    background-position-x: 80.9523809524%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_ragnaros_molteninferno {
    background-position-x: 80.9523809524%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_four_wind {
    background-position-x: 80.9523809524%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessingofprotection_red {
    background-position-x: 80.9523809524%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holy_shield_border {
    background-position-x: 80.9523809524%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divineprotection {
    background-position-x: 80.9523809524%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_mana_thistle_leaf {
    background-position-x: 80.9523809524%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon._6bf_explosive_shard {
    background-position-x: 80.9523809524%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_unleashweapon_frost {
    background-position-x: 80.9523809524%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon._d3calloftheancients {
    background-position-x: 80.9523809524%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_singlemindedfury {
    background-position-x: 80.9523809524%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_soulcleave2 {
    background-position-x: 80.9523809524%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon._create_soulshard {
    background-position-x: 80.9523809524%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_azerite_essence06 {
    background-position-x: 80.9523809524%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_rapture {
    background-position-x: 80.9523809524%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.talentspec_druid_feral_catgreenblue_border {
    background-position-x: 80.9523809524%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_cat {
    background-position-x: 80.9523809524%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_nethertempest {
    background-position-x: 80.9523809524%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.talentspec_druid_feral_cat {
    width: 128px;
    height: 128px;
    background-position-x: 14.6341463415%;
    background-position-y: 29.2682926829%;
    background-size: 2150%, 2150%
}

.builder-icon.spell_shadow_deathsembrace {
    background-position-x: 80.9523809524%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_dungeon_ulduarraid_ironsentinel_01 {
    background-position-x: 80.9523809524%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_titansgrip {
    background-position-x: 80.9523809524%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_1h_artifactfelomelorn_d_05dual {
    background-position-x: 0%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._5_bearpaw_border {
    background-position-x: 2.380952381%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._5_clawstrike_border {
    background-position-x: 4.7619047619%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blooddrop _2__border {
    background-position-x: 7.1428571429%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_paladin_clarityofpurpose {
    background-position-x: 9.5238095238%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_rayofhope {
    background-position-x: 11.9047619048%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_firestarter {
    background-position-x: 14.2857142857%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._diablo3_execute_deathknight {
    background-position-x: 16.6666666667%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_revendreth_warrior {
    background-position-x: 19.0476190476%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_misc_conjuremanajewel {
    background-position-x: 21.4285714286%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_nightofthedead {
    background-position-x: 23.8095238095%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._bannishkt_purple {
    background-position-x: 26.1904761905%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_sorkasprey {
    background-position-x: 28.5714285714%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_unfairadvantage {
    background-position-x: 30.9523809524%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_veneration {
    background-position-x: 33.3333333333%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_revendreth_rogue {
    background-position-x: 35.7142857143%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_siege_engineer_protective_frenzy {
    background-position-x: 38.0952380952%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_dungeon_lordstormsong {
    background-position-x: 40.4761904762%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane02 {
    background-position-x: 42.8571428571%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.paladin_holy {
    background-position-x: 45.2380952381%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._warlock_corruption {
    background-position-x: 47.619047619%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_stormbolt {
    background-position-x: 50%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._enslavespell_holy {
    background-position-x: 52.380952381%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_mindfreeze {
    background-position-x: 54.7619047619%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_demonbolt {
    background-position-x: 57.1428571429%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_lightofthemartyr {
    background-position-x: 59.5238095238%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_paladin_lightofdawn {
    background-position-x: 61.9047619048%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_paladin_lightshammer {
    background-position-x: 64.2857142857%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_timewarp_border {
    background-position-x: 66.6666666667%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bossgorefiend_touchofdoom {
    background-position-x: 69.0476190476%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_negate {
    background-position-x: 71.4285714286%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._5_normal28storm2_border {
    background-position-x: 73.8095238095%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_bloodlash {
    width: 256px;
    height: 256px;
    background-position-x: 20.5128205128%;
    background-position-y: 10.2564102564%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_mage_iceflows {
    background-position-x: 76.1904761905%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_axe_t_08_border {
    background-position-x: 78.5714285714%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_cometstorm2 {
    background-position-x: 80.9523809524%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._sacrificialdagger_ice {
    background-position-x: 83.3333333333%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_necro_deathall {
    background-position-x: 83.3333333333%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_offhand_stratholme_a_02 {
    background-position-x: 83.3333333333%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_surgeonglove_01 {
    background-position-x: 83.3333333333%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodhealth_border {
    background-position-x: 83.3333333333%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_brutal_icon_0001s_0000_warrior_border {
    background-position-x: 83.3333333333%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_58_thousand_hits_border {
    background-position-x: 83.3333333333%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_brutal_icon_0007s_0000_warrior_border {
    background-position-x: 83.3333333333%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.novart_shield _7__border {
    background-position-x: 83.3333333333%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon._5_spearhit_border {
    background-position-x: 83.3333333333%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_firerealm_border {
    background-position-x: 83.3333333333%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_firerealm {
    width: 256px;
    height: 256px;
    background-position-x: 0%;
    background-position-y: 20.5128205128%;
    background-size: 1075%, 1075%
}

.builder-icon.custom_t_nhance_rpg_icons_fireclaw_border {
    background-position-x: 83.3333333333%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_firerune _2__border {
    background-position-x: 83.3333333333%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_fireblow_border {
    background-position-x: 83.3333333333%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blood_blade_border {
    background-position-x: 83.3333333333%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_unholy_wounds_border {
    background-position-x: 83.3333333333%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_artifact_corruptedbloodofzakajz {
    background-position-x: 83.3333333333%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blood_blade {
    width: 256px;
    height: 256px;
    background-position-x: 10.2564102564%;
    background-position-y: 20.5128205128%;
    background-size: 1075%, 1075%
}

.builder-icon.nhi_poison_border {
    background-position-x: 83.3333333333%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_chaoticvision_border {
    background-position-x: 83.3333333333%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_firebomb_border {
    background-position-x: 83.3333333333%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_unholyspirit_border {
    background-position-x: 83.3333333333%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_naturesamplification_border {
    background-position-x: 83.3333333333%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturesamplification_border {
    background-position-x: 83.3333333333%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_natureburn_border {
    background-position-x: 83.3333333333%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_astralshift {
    background-position-x: 83.3333333333%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowgun_border {
    background-position-x: 83.3333333333%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_gizmo_elementalblastingpowder {
    background-position-x: 83.3333333333%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon._bigarcanegun_purple {
    background-position-x: 83.3333333333%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_arcaneblast_border {
    background-position-x: 83.3333333333%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_twilightflamebolt {
    background-position-x: 83.3333333333%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_assassinskill_02_border {
    background-position-x: 83.3333333333%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_icewhirl_border {
    background-position-x: 83.3333333333%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._crossingswords_shaman {
    background-position-x: 83.3333333333%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_elementalprecision_2 {
    background-position-x: 83.3333333333%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_spell_fire_blueimmolation {
    background-position-x: 83.3333333333%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon._d3whirlwind {
    background-position-x: 0%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_unleashweapon_wind {
    background-position-x: 2.380952381%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_wind {
    background-position-x: 4.7619047619%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_swirlingvortex {
    background-position-x: 7.1428571429%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcaneweapons_border {
    background-position-x: 9.5238095238%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon._bloodplague_blue {
    background-position-x: 11.9047619048%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon._bloodplague_red {
    background-position-x: 14.2857142857%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon._bloodplague_green {
    background-position-x: 16.6666666667%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_healingswirl_border {
    background-position-x: 19.0476190476%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_manawave_border {
    background-position-x: 21.4285714286%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vehicle_shellshieldgenerator_green {
    background-position-x: 23.8095238095%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holyfire_00_border {
    background-position-x: 26.1904761905%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_sundarkening_border {
    background-position-x: 28.5714285714%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_void_stars_border {
    background-position-x: 30.9523809524%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_tech_sparks_border {
    background-position-x: 33.3333333333%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_hammerofthunder_border {
    background-position-x: 35.7142857143%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_2h_artifactashbringerlightning_d_03 {
    background-position-x: 38.0952380952%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon._d3fistsofthunder {
    background-position-x: 40.4761904762%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodbite_border {
    background-position-x: 42.8571428571%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_fervor {
    background-position-x: 45.2380952381%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessingofagility {
    background-position-x: 47.619047619%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_nightmareslash_border {
    background-position-x: 50%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bastion_rogue {
    background-position-x: 52.380952381%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_offensivestance {
    background-position-x: 54.7619047619%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_reputation_guardiansofcenarius {
    background-position-x: 57.1428571429%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.item_holyspark {
    background-position-x: 59.5238095238%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon._d3rapidfire {
    background-position-x: 61.9047619048%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_ammo_bullet_06 {
    background-position-x: 64.2857142857%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ammo_arrow_06 {
    background-position-x: 66.6666666667%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_displacement {
    background-position-x: 69.0476190476%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_longshots {
    background-position-x: 71.4285714286%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_skirmisher {
    background-position-x: 73.8095238095%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_forceshield {
    background-position-x: 76.1904761905%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_socererking_arcanewrath {
    background-position-x: 78.5714285714%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_equinox {
    background-position-x: 80.9523809524%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_animamaw_debuff {
    background-position-x: 83.3333333333%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_overwhelmed {
    background-position-x: 85.7142857143%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon._d3mantraofhealing {
    background-position-x: 85.7142857143%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon._d3mantraofretribution {
    background-position-x: 85.7142857143%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._d3mantraofevasion {
    background-position-x: 85.7142857143%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_inv_elemental_primal_shadow_nightborne {
    background-position-x: 85.7142857143%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._d3graspofthedead {
    background-position-x: 85.7142857143%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon._d3multishot {
    background-position-x: 85.7142857143%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_azerite_essence_18 {
    background-position-x: 85.7142857143%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_nature_icon_0000s_0000_paw_border {
    background-position-x: 85.7142857143%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_focusedgrowth {
    background-position-x: 85.7142857143%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_firesword_border {
    background-position-x: 85.7142857143%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_poisonedknife {
    background-position-x: 85.7142857143%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_poison_icon_0001s_0000_spider_border {
    background-position-x: 85.7142857143%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_arcanevision_border {
    background-position-x: 85.7142857143%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcanearrow _2__border {
    background-position-x: 85.7142857143%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_staff_2h_snakeman_c_01 {
    background-position-x: 85.7142857143%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_monsterclaw_05 {
    background-position-x: 85.7142857143%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fire_shot_border {
    background-position-x: 85.7142857143%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_eng_bombpoison {
    background-position-x: 85.7142857143%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_icespikes_border {
    background-position-x: 85.7142857143%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_hotstreak {
    background-position-x: 85.7142857143%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_soulcleave4 {
    background-position-x: 85.7142857143%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_ability_rogue_bloodyeye {
    background-position-x: 85.7142857143%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_ability_mage_firestarter {
    background-position-x: 85.7142857143%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._d3waveoflight {
    background-position-x: 85.7142857143%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodhurricane_border {
    background-position-x: 85.7142857143%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_tradeskillitem_sorcererswind_tong {
    background-position-x: 85.7142857143%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_brutal_icon_0011s_0000_arrows_border {
    background-position-x: 85.7142857143%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_heal_border {
    background-position-x: 85.7142857143%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_eclipseorange {
    background-position-x: 85.7142857143%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holyscroll_border {
    background-position-x: 85.7142857143%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_honoramongstthieves {
    background-position-x: 85.7142857143%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_imrovedrecuperate {
    background-position-x: 85.7142857143%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_feralchargecat {
    background-position-x: 85.7142857143%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_animaardenweald_buff {
    background-position-x: 85.7142857143%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_kiljaedan {
    background-position-x: 85.7142857143%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_unholypresence {
    background-position-x: 0%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_warlock_soulburn {
    background-position-x: 2.380952381%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_finalverdict {
    background-position-x: 4.7619047619%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_bow_2h_crossbow_pvpdraenors2_d_01 {
    background-position-x: 7.1428571429%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_shockinglava {
    background-position-x: 9.5238095238%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_thunderstruck {
    background-position-x: 11.9047619048%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_racial_haymaker {
    background-position-x: 14.2857142857%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_deadlyreach {
    background-position-x: 16.6666666667%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_resistanceisfutile {
    background-position-x: 19.0476190476%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_focusfire {
    background-position-x: 21.4285714286%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_improvedpolymorph {
    background-position-x: 23.8095238095%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._70_inscription_vantus_rune_light {
    background-position-x: 26.1904761905%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shadowyduel {
    background-position-x: 28.5714285714%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_xavius_crushingshadows {
    background-position-x: 30.9523809524%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_skillcard_warrior {
    background-position-x: 33.3333333333%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_hungerforblood {
    background-position-x: 35.7142857143%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_felflamering_red {
    background-position-x: 38.0952380952%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._d3warcry {
    background-position-x: 40.4761904762%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._monkability_rushingwind_xuenwhite {
    background-position-x: 42.8571428571%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_firelands raid_ragnaros {
    background-position-x: 45.2380952381%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_65 {
    background-position-x: 47.619047619%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_bone_03 {
    background-position-x: 50%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._spellcasting_red {
    background-position-x: 52.380952381%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_guild_forgreatjusticerank2 {
    background-position-x: 54.7619047619%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_lightforgedmatrixability_lightsjudgment {
    background-position-x: 57.1428571429%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_bloodplague {
    background-position-x: 59.5238095238%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_spectank {
    background-position-x: 61.9047619048%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_demonspikes2 {
    background-position-x: 64.2857142857%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._5_dragonfirebreath {
    width: 256px;
    height: 256px;
    background-position-x: 20.5128205128%;
    background-position-y: 20.5128205128%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_animamaldraxxus_nova {
    background-position-x: 66.6666666667%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_baneofhavoc {
    background-position-x: 69.0476190476%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ember {
    background-position-x: 71.4285714286%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._5_mageskill21_border {
    background-position-x: 73.8095238095%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.uico_arrow_spell_02_nobg {
    width: 256px;
    height: 256px;
    background-position-x: 30.7692307692%;
    background-position-y: 0%;
    background-size: 1075%, 1075%
}

.builder-icon._biggun_lightblue {
    background-position-x: 76.1904761905%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldbreak {
    background-position-x: 78.5714285714%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_warbreaker {
    background-position-x: 80.9523809524%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_mongoosebite {
    background-position-x: 83.3333333333%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._5_drainlife_border {
    background-position-x: 85.7142857143%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodsword_border {
    background-position-x: 88.0952380952%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_markedshot {
    background-position-x: 88.0952380952%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon._biggun_yellow {
    background-position-x: 88.0952380952%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_souldrain_border {
    background-position-x: 88.0952380952%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_soulblessing_border {
    background-position-x: 88.0952380952%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._5_sumsnake_border {
    background-position-x: 88.0952380952%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_poisoncleansingtotem {
    background-position-x: 88.0952380952%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturepoison_border {
    background-position-x: 88.0952380952%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_poisonedclaws_border {
    background-position-x: 88.0952380952%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturewave_border {
    background-position-x: 88.0952380952%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_spell_shadow_shadesofdarkness {
    background-position-x: 88.0952380952%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon._maievblade_shadow {
    background-position-x: 88.0952380952%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_crate_01 {
    background-position-x: 88.0952380952%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon._5_timechanging_border {
    background-position-x: 88.0952380952%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_breathoffire {
    background-position-x: 88.0952380952%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elementalearth2 {
    background-position-x: 88.0952380952%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_earthquake {
    background-position-x: 88.0952380952%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_poisonblister_border {
    background-position-x: 88.0952380952%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_arcaneshardsfall_border {
    background-position-x: 88.0952380952%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcaneshardsfall_border {
    background-position-x: 88.0952380952%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_frost_0006s_0000_rain_border {
    background-position-x: 88.0952380952%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._5_firerainnobg_border {
    background-position-x: 88.0952380952%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcaneburst_border {
    background-position-x: 88.0952380952%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fire_rune_border {
    background-position-x: 88.0952380952%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_firelungs_border {
    background-position-x: 88.0952380952%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_fire_0000s_0000_sword_border {
    background-position-x: 88.0952380952%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_enragedspirit_border {
    background-position-x: 88.0952380952%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_frostrune_border {
    background-position-x: 88.0952380952%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon._5_teleport_border {
    background-position-x: 88.0952380952%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_halberd_05 {
    background-position-x: 88.0952380952%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_emperordagranthaurissan {
    background-position-x: 88.0952380952%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_avatar {
    background-position-x: 88.0952380952%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_acid_01 {
    background-position-x: 88.0952380952%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_frozenstep_border {
    background-position-x: 88.0952380952%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_dust {
    background-position-x: 88.0952380952%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_15_ice_block_nobg_border {
    background-position-x: 88.0952380952%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodarrow_border {
    background-position-x: 88.0952380952%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_lordmarrowgar {
    background-position-x: 0%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ascend_rpgloot_163 {
    background-position-x: 2.380952381%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._d3magicmissile {
    background-position-x: 4.7619047619%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_stoneoil {
    background-position-x: 7.1428571429%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vehicle_oiljets {
    background-position-x: 9.5238095238%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._d3earthquake {
    background-position-x: 11.9047619048%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_priest_divinestar {
    background-position-x: 14.2857142857%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_hunter_lonewolf {
    background-position-x: 16.6666666667%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._5_focus_border {
    background-position-x: 19.0476190476%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_mirrorimage {
    background-position-x: 21.4285714286%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_burningbladeshaman_blazing_radiance {
    background-position-x: 23.8095238095%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_burningbladeshaman_lavaslash {
    background-position-x: 26.1904761905%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_spell_fire_ragnaros_supernova_nightmare {
    background-position-x: 28.5714285714%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_head_troll_01 {
    background-position-x: 30.9523809524%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_spirituallightning_border {
    background-position-x: 33.3333333333%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._5_archerskill07_border {
    background-position-x: 35.7142857143%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._soulfire_red {
    background-position-x: 38.0952380952%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_pet_spiderdemon {
    background-position-x: 40.4761904762%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_unholy_drain_border {
    background-position-x: 42.8571428571%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_piercing_rush {
    background-position-x: 45.2380952381%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_waterstrick_border {
    background-position-x: 47.619047619%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._5_shadowrainnobg_border {
    background-position-x: 50%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_shadowdust_border {
    background-position-x: 52.380952381%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._5_shadow_border {
    background-position-x: 54.7619047619%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blood_shot_border {
    background-position-x: 57.1428571429%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._d3explosiveblast {
    background-position-x: 59.5238095238%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_earthspike_border {
    background-position-x: 61.9047619048%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fel_elementaldevastation {
    background-position-x: 64.2857142857%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathwing_sealarmorbreachtga {
    background-position-x: 66.6666666667%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blood_slash_border {
    background-position-x: 69.0476190476%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathknight_roilingblood {
    background-position-x: 71.4285714286%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_blood_explosion_border {
    background-position-x: 73.8095238095%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_hand_1h_piratehook_b_01 {
    background-position-x: 76.1904761905%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_dungeon_grimbatol_drahga the shadowburner {
    background-position-x: 78.5714285714%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._soulsdevourer_purple {
    background-position-x: 80.9523809524%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon._troll_03 {
    background-position-x: 83.3333333333%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodrage_border {
    background-position-x: 85.7142857143%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_talent_icon_innerrage {
    background-position-x: 88.0952380952%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bloodsurge {
    background-position-x: 90.4761904762%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_iceswirl_border {
    background-position-x: 90.4761904762%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_necro_deathsdoor {
    background-position-x: 90.4761904762%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_necro_inevitableend {
    background-position-x: 90.4761904762%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_evilsouls_border {
    background-position-x: 90.4761904762%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon._demonhand_warlock {
    background-position-x: 90.4761904762%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_echooftheelements {
    background-position-x: 90.4761904762%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_ghostclaw_border {
    background-position-x: 90.4761904762%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.uico_venom_spell_10_border {
    background-position-x: 90.4761904762%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_poison_icon_0002s_0000_poison-nova_border {
    background-position-x: 90.4761904762%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.uico_frost_spell_03_nobg_border {
    background-position-x: 90.4761904762%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_deathknight_boneshield {
    background-position-x: 90.4761904762%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_natureflow_border {
    background-position-x: 90.4761904762%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_drunkenhaze {
    background-position-x: 90.4761904762%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_healingtide {
    background-position-x: 90.4761904762%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_lightning_pool_border {
    background-position-x: 90.4761904762%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_symbiosis {
    background-position-x: 90.4761904762%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_wordsofmeaning {
    background-position-x: 90.4761904762%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_waterjet {
    background-position-x: 90.4761904762%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_moltensmash_border {
    background-position-x: 90.4761904762%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.rogue_burstofspeed {
    background-position-x: 90.4761904762%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._5_lightnobg_border {
    background-position-x: 90.4761904762%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shawaterelemental_reform {
    background-position-x: 90.4761904762%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_shurikenstorm {
    background-position-x: 90.4761904762%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_tectonic_upheaval {
    background-position-x: 90.4761904762%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_sandexplosion {
    background-position-x: 90.4761904762%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_skyreach_wind_wall {
    background-position-x: 90.4761904762%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.uico_weapon_spell_10_gray_border {
    background-position-x: 90.4761904762%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_preyontheweak {
    background-position-x: 90.4761904762%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_thermalvoid {
    background-position-x: 90.4761904762%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_frostemblem_01 {
    background-position-x: 90.4761904762%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_frost_0003s_0000_elemental_border {
    background-position-x: 90.4761904762%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.uico_shadow_spell_09_nobg_border {
    background-position-x: 90.4761904762%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_twilightswrath {
    background-position-x: 90.4761904762%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_61 {
    background-position-x: 90.4761904762%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mace_46 {
    background-position-x: 90.4761904762%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_staff_78 {
    background-position-x: 90.4761904762%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_37 {
    background-position-x: 90.4761904762%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_shortblade_79 {
    background-position-x: 0%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_holyhand {
    width: 256px;
    height: 256px;
    background-position-x: 30.7692307692%;
    background-position-y: 10.2564102564%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_druid_bearhug {
    background-position-x: 2.380952381%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_feraldruid_ashamanesbiteorange {
    background-position-x: 4.7619047619%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_primaltenacity {
    background-position-x: 7.1428571429%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_spiritoftheredeemer {
    background-position-x: 9.5238095238%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holyinfusion_border {
    background-position-x: 11.9047619048%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_butcher_whirl {
    background-position-x: 14.2857142857%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_deadliness {
    background-position-x: 16.6666666667%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_wrongfullyaccused {
    background-position-x: 19.0476190476%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.novart_physical_ability _43__border {
    background-position-x: 21.4285714286%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_summonable_boss_token {
    background-position-x: 23.8095238095%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_azerite_essence_16 {
    background-position-x: 26.1904761905%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_maelstromweapon {
    background-position-x: 28.5714285714%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_hunter_focusingshot {
    background-position-x: 30.9523809524%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.artifactability_balancedruid_moonandstars {
    background-position-x: 33.3333333333%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_draenorquest_b_01 {
    background-position-x: 35.7142857143%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bossmagistrix_timewarp2 {
    background-position-x: 38.0952380952%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_azerite_essence13 {
    background-position-x: 40.4761904762%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_azerite_essence_15 {
    background-position-x: 42.8571428571%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_bossmagistrix_timewarp1 {
    background-position-x: 45.2380952381%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon._soulharvest2__red {
    background-position-x: 47.619047619%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_revendreth_warlock {
    background-position-x: 50%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_demonhunter_bladedance {
    background-position-x: 52.380952381%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_ability_rogue_sturdyrecuperate {
    background-position-x: 54.7619047619%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_crystalball {
    background-position-x: 57.1428571429%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_ability_rogue_sturdyrecuperate_nightmare {
    background-position-x: 59.5238095238%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_ability_rogue_sturdyrecuperate_nightborne {
    background-position-x: 61.9047619048%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_paladin_templarsverdict {
    background-position-x: 64.2857142857%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_belt_cloth_warfrontsforsakenmythic_d_01 {
    background-position-x: 66.6666666667%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon._d3locustswarm {
    background-position-x: 69.0476190476%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon._calltoarmsorange {
    background-position-x: 71.4285714286%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_iceblizzard_border {
    background-position-x: 73.8095238095%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_icyspikes_border {
    background-position-x: 76.1904761905%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_impoweredimp {
    background-position-x: 78.5714285714%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_helm_hungeringdarkness_d_01 {
    background-position-x: 80.9523809524%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowmend {
    background-position-x: 83.3333333333%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_2h_firelandsraid_d_01 {
    background-position-x: 85.7142857143%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_elementalprecision_1 {
    background-position-x: 88.0952380952%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elemental_eternal_earth {
    background-position-x: 90.4761904762%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_crystallized_water {
    background-position-x: 92.8571428571%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elemental_primal_fire {
    background-position-x: 92.8571428571%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_elemental_primal_air {
    background-position-x: 92.8571428571%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon._5_gunshot _2__border {
    background-position-x: 92.8571428571%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon._biggun_blue {
    background-position-x: 92.8571428571%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_chaosfire_border {
    background-position-x: 92.8571428571%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_pistolshot {
    background-position-x: 92.8571428571%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_brutal_icon_0000s_0000_sword_border {
    background-position-x: 92.8571428571%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_magickeeper_border {
    background-position-x: 92.8571428571%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcanelightning_border {
    background-position-x: 92.8571428571%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcaneload_border {
    background-position-x: 92.8571428571%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_poison_icon_0003s_0000_cloud_border {
    background-position-x: 92.8571428571%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_mechanicalhandpet {
    background-position-x: 92.8571428571%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_eng_electroshockmountmotivator {
    background-position-x: 92.8571428571%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_spell_fire_fireball02 {
    background-position-x: 92.8571428571%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_everlastingaffliction {
    background-position-x: 92.8571428571%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon._auracloak_felfire {
    background-position-x: 92.8571428571%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_flamewave_border {
    background-position-x: 92.8571428571%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon._auracloak_fire {
    background-position-x: 92.8571428571%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon._auracloak_ice {
    background-position-x: 92.8571428571%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_foreshadowing_border {
    background-position-x: 92.8571428571%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.trade_archaeology_bloodysatyrscepter {
    background-position-x: 92.8571428571%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowstab _2__border {
    background-position-x: 92.8571428571%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowarrow_border {
    background-position-x: 92.8571428571%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_shadowwhirl_border {
    background-position-x: 92.8571428571%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_earthtranquility_border {
    background-position-x: 92.8571428571%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_natureregrowth_border {
    background-position-x: 92.8571428571%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_hammerofjustice_border {
    background-position-x: 92.8571428571%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_magicblock_border {
    background-position-x: 92.8571428571%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.epic_rpg_icon_pack_wind_icon_0003s_0000_wind_border {
    background-position-x: 92.8571428571%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon._5_fishbitenobg_border {
    background-position-x: 92.8571428571%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_smash {
    background-position-x: 92.8571428571%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shield_31 {
    background-position-x: 92.8571428571%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_stalwartprotector {
    background-position-x: 92.8571428571%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_renewingmists {
    background-position-x: 92.8571428571%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_poisonbottle_border {
    background-position-x: 92.8571428571%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowsrising_border {
    background-position-x: 92.8571428571%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_shadowcross_border {
    background-position-x: 92.8571428571%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_shadowwhirl_border {
    background-position-x: 92.8571428571%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_ghostpirate {
    background-position-x: 0%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_holysword_border {
    background-position-x: 2.380952381%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_magicdevour_border {
    background-position-x: 4.7619047619%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_lightning_grasp_border {
    background-position-x: 7.1428571429%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_magiclightningshield_border {
    background-position-x: 9.5238095238%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_ghosthand_border {
    background-position-x: 11.9047619048%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.achievment_boss_blackhorn {
    background-position-x: 14.2857142857%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_arcaneempower_border {
    background-position-x: 16.6666666667%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.warlock_curse_shadow_aura {
    background-position-x: 19.0476190476%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon._5_deadshadow_border {
    background-position-x: 21.4285714286%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturepoisonedstep_border {
    background-position-x: 23.8095238095%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_fishing_bait_spineworm {
    background-position-x: 26.1904761905%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_curseofshadow_border {
    background-position-x: 28.5714285714%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_masterofsubtlety {
    background-position-x: 30.9523809524%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_manabeam_border {
    background-position-x: 33.3333333333%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturearrows_border {
    background-position-x: 35.7142857143%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon._5_poisonclaw_border {
    background-position-x: 38.0952380952%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_naturearrowfall_border {
    background-position-x: 40.4761904762%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_boss_archmagearugal {
    background-position-x: 42.8571428571%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_t_nhance_rpg_icons_bookthrow_border {
    background-position-x: 45.2380952381%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon._5_shadownobg_border {
    background-position-x: 47.619047619%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_monk_dragonkick {
    background-position-x: 50%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.sha_spell_fire_blueflamering_nightmare {
    background-position-x: 52.380952381%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ascend_magicartifact_33 {
    background-position-x: 54.7619047619%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_natureroots_border {
    background-position-x: 57.1428571429%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ascend_prickly_root_b {
    background-position-x: 59.5238095238%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_ascend_roots_04 {
    background-position-x: 61.9047619048%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_gromsbloodleaf {
    background-position-x: 64.2857142857%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_bloodhand_border {
    background-position-x: 66.6666666667%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_teleportmoonglade {
    background-position-x: 69.0476190476%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane03 {
    background-position-x: 71.4285714286%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vehicle_sonicshockwave {
    background-position-x: 73.8095238095%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_ursolsvortex {
    background-position-x: 76.1904761905%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_naturetouchgrow {
    background-position-x: 78.5714285714%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_forceofnature {
    background-position-x: 80.9523809524%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_natureguardian {
    background-position-x: 83.3333333333%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_improvedmoonkinform {
    background-position-x: 85.7142857143%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_twilightswrath {
    background-position-x: 88.0952380952%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.custom_20_shield {
    width: 256px;
    height: 256px;
    background-position-x: 30.7692307692%;
    background-position-y: 20.5128205128%;
    background-size: 1075%, 1075%
}

.builder-icon.spell_druid_stampedingroar_cat {
    background-position-x: 90.4761904762%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_supriseattack {
    background-position-x: 92.8571428571%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_ironfur {
    background-position-x: 95.2380952381%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_skinteeth {
    background-position-x: 95.2380952381%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_unyeildingstamina {
    background-position-x: 95.2380952381%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_infectedwound {
    background-position-x: 95.2380952381%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_kingofthejungle {
    background-position-x: 95.2380952381%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_druid_wildburst {
    background-position-x: 95.2380952381%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_misc_herb_talandrasrose {
    background-position-x: 95.2380952381%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_replenish {
    background-position-x: 95.2380952381%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_empoweredrejuvination {
    background-position-x: 95.2380952381%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_protectionformnature {
    background-position-x: 95.2380952381%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_improvedtreeform {
    background-position-x: 95.2380952381%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_naturalperfection {
    background-position-x: 95.2380952381%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_mastershapeshifter {
    background-position-x: 95.2380952381%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_druid_manatree {
    background-position-x: 95.2380952381%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_aspectofthemonkey {
    background-position-x: 95.2380952381%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_aspectmastery {
    background-position-x: 95.2380952381%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_whitetiger {
    background-position-x: 95.2380952381%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_pet_dragonhawk {
    background-position-x: 95.2380952381%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_eagleeye {
    background-position-x: 95.2380952381%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon._arcaneshot_red {
    background-position-x: 95.2380952381%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_masterscall {
    background-position-x: 95.2380952381%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_box_petcarrier_01 {
    background-position-x: 95.2380952381%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_silenthunter {
    background-position-x: 95.2380952381%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_animalhandler {
    background-position-x: 95.2380952381%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_devour {
    background-position-x: 95.2380952381%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_beastmastery {
    background-position-x: 95.2380952381%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_separationanxiety {
    background-position-x: 95.2380952381%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_beastwithin {
    background-position-x: 95.2380952381%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_barbedshot {
    background-position-x: 95.2380952381%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_piercingshots {
    background-position-x: 95.2380952381%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_combatexperience {
    background-position-x: 95.2380952381%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_readiness {
    background-position-x: 95.2380952381%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_focusedaim {
    background-position-x: 95.2380952381%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_searingarrow {
    background-position-x: 95.2380952381%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_rifle_06 {
    background-position-x: 95.2380952381%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_tracking {
    background-position-x: 95.2380952381%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_darksummoning {
    background-position-x: 95.2380952381%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_misdirection {
    background-position-x: 95.2380952381%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_chillingbolt {
    background-position-x: 95.2380952381%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_improvedtracking {
    background-position-x: 95.2380952381%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_townwatch {
    background-position-x: 0%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_potentvenom {
    background-position-x: 2.380952381%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_huntingparty {
    background-position-x: 4.7619047619%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_parry {
    background-position-x: 7.1428571429%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_lockandload {
    background-position-x: 9.5238095238%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_brilliance {
    background-position-x: 11.9047619048%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_artifact_stolenpower {
    background-position-x: 14.2857142857%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_portalstormwind {
    background-position-x: 16.6666666667%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_twilightfireward {
    background-position-x: 19.0476190476%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frostward {
    background-position-x: 21.4285714286%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_arcaneorb {
    background-position-x: 23.8095238095%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_altertime {
    background-position-x: 26.1904761905%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_conjurefoodrank9 {
    background-position-x: 28.5714285714%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcaneresilience {
    background-position-x: 30.9523809524%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_rune {
    background-position-x: 33.3333333333%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_netherwindpresence {
    background-position-x: 35.7142857143%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_teleport {
    background-position-x: 38.0952380952%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_astralrecalgroup {
    background-position-x: 40.4761904762%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcanepotency {
    background-position-x: 42.8571428571%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_prismaticcloak {
    background-position-x: 45.2380952381%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_mindmastery {
    background-position-x: 47.619047619%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_incantersabsorbtion {
    background-position-x: 50%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_tormentoftheweak {
    background-position-x: 52.380952381%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.achievement_garrisonfollower_epic {
    background-position-x: 54.7619047619%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mount_drake_red {
    background-position-x: 57.1428571429%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_mage_meteor {
    background-position-x: 59.5238095238%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_masterofelements {
    background-position-x: 61.9047619048%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frozenorb {
    background-position-x: 64.2857142857%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_frostfirebolt {
    background-position-x: 66.6666666667%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_shattershield {
    background-position-x: 69.0476190476%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_mage_coldasice {
    background-position-x: 71.4285714286%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_iceshard {
    background-position-x: 73.8095238095%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_darkritual {
    background-position-x: 76.1904761905%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_ice_magicdamage {
    background-position-x: 78.5714285714%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_wisp {
    background-position-x: 80.9523809524%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_frost_frozencore {
    background-position-x: 83.3333333333%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_devotionaura {
    background-position-x: 85.7142857143%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_blessedmending {
    background-position-x: 88.0952380952%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_pureofheart {
    background-position-x: 90.4761904762%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_sacredcleansing {
    background-position-x: 92.8571428571%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_heal {
    background-position-x: 95.2380952381%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_enlightenedjudgements {
    background-position-x: 97.619047619%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementofthepure {
    background-position-x: 97.619047619%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_blessedlife {
    background-position-x: 97.619047619%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_crusaderaura {
    background-position-x: 97.619047619%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_auraoflight {
    background-position-x: 97.619047619%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_sealofkings {
    background-position-x: 97.619047619%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_timestop {
    background-position-x: 97.619047619%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_touchedbylight {
    background-position-x: 97.619047619%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_sword_20 {
    background-position-x: 97.619047619%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_shieldofthetemplar {
    background-position-x: 97.619047619%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_devotion {
    background-position-x: 97.619047619%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_ardentdefender {
    background-position-x: 97.619047619%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_weaponmastery {
    background-position-x: 97.619047619%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_paladin_executionsentence {
    background-position-x: 97.619047619%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_hammer_04 {
    background-position-x: 97.619047619%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_swiftretribution {
    background-position-x: 97.619047619%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_eyeforaneye {
    background-position-x: 97.619047619%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_judgementofthewise {
    background-position-x: 97.619047619%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_retributionaura {
    background-position-x: 97.619047619%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_sanctifiedwrath {
    background-position-x: 97.619047619%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_paladin_sheathoflight {
    background-position-x: 97.619047619%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_persuitofjustice {
    background-position-x: 97.619047619%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_priest_angelicfeather {
    background-position-x: 97.619047619%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_devineaegis {
    background-position-x: 97.619047619%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_focusedpower {
    background-position-x: 97.619047619%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_spiritualguidence {
    background-position-x: 97.619047619%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.priest_spell_leapoffaith_a {
    background-position-x: 97.619047619%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_divinehymn {
    background-position-x: 97.619047619%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_enchant_essenceeternallarge {
    background-position-x: 97.619047619%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_healingfocus {
    background-position-x: 97.619047619%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_holy_testoffaith {
    background-position-x: 97.619047619%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_deathknight_defile {
    background-position-x: 97.619047619%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowpower {
    background-position-x: 97.619047619%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_misery {
    background-position-x: 97.619047619%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_painandsuffering {
    background-position-x: 97.619047619%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_focusedmind {
    background-position-x: 97.619047619%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_blackplague {
    background-position-x: 97.619047619%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_dismantle {
    background-position-x: 97.619047619%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_redirect {
    background-position-x: 97.619047619%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_combatreadiness {
    background-position-x: 97.619047619%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_smoke {
    background-position-x: 97.619047619%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_focusedattacks {
    background-position-x: 0%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_deadlybrew {
    background-position-x: 2.380952381%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_fleetfooted {
    background-position-x: 4.7619047619%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_cuttothechase {
    background-position-x: 7.1428571429%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_fiegndead {
    background-position-x: 9.5238095238%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_turnthetables {
    background-position-x: 11.9047619048%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_deadenednerves {
    background-position-x: 14.2857142857%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_quickrecovery {
    background-position-x: 16.6666666667%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_rollthebones {
    background-position-x: 19.0476190476%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_grapplinghook {
    background-position-x: 21.4285714286%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_throwingspecialization {
    background-position-x: 23.8095238095%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_preyontheweak {
    background-position-x: 26.1904761905%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_surpriseattack {
    background-position-x: 28.5714285714%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_creature_disease_03 {
    background-position-x: 30.9523809524%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_shortblade_38 {
    background-position-x: 33.3333333333%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_moonkey {
    background-position-x: 35.7142857143%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_spy {
    background-position-x: 38.0952380952%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_ironmaidens_convulsiveshadows {
    background-position-x: 40.4761904762%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_mindsteal {
    background-position-x: 42.8571428571%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_feather_01 {
    background-position-x: 45.2380952381%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_envelopingshadows {
    background-position-x: 47.619047619%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_mirrorimage {
    background-position-x: 50%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rogue_cheatdeath {
    background-position-x: 52.380952381%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_weapon_crossbow_11 {
    background-position-x: 54.7619047619%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_dropall_01 {
    background-position-x: 57.1428571429%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_staff_07 {
    background-position-x: 59.5238095238%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_dropall_02 {
    background-position-x: 61.9047619048%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_dropall_03 {
    background-position-x: 64.2857142857%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_astralshift {
    background-position-x: 66.6666666667%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_volcano {
    background-position-x: 69.0476190476%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowpact {
    background-position-x: 71.4285714286%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_elementaloath {
    background-position-x: 73.8095238095%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulleech_2 {
    background-position-x: 76.1904761905%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_stormreach {
    background-position-x: 78.5714285714%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_lightningoverload {
    background-position-x: 80.9523809524%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_spiritarmor {
    background-position-x: 83.3333333333%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_unrelentingstorm {
    background-position-x: 85.7142857143%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_farsight {
    background-position-x: 88.0952380952%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_rhyolith_lavapool {
    background-position-x: 90.4761904762%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_dualwieldspecialization {
    background-position-x: 92.8571428571%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_unleashedrage {
    background-position-x: 95.2380952381%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_mentalquickness {
    background-position-x: 97.619047619%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_regenerate {
    background-position-x: 100%;
    background-position-y: 0%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_bindelemental {
    background-position-x: 100%;
    background-position-y: 2.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_condensationtotem {
    background-position-x: 100%;
    background-position-y: 4.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shaman_totemrecall {
    background-position-x: 100%;
    background-position-y: 7.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_shaman_windwalktotem {
    background-position-x: 100%;
    background-position-y: 9.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_nature_natureblessing {
    background-position-x: 100%;
    background-position-y: 11.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_soulswap {
    background-position-x: 100%;
    background-position-y: 14.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_unstableaffliction_2 {
    background-position-x: 100%;
    background-position-y: 16.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_callofbone {
    background-position-x: 100%;
    background-position-y: 19.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadetruesight {
    background-position-x: 100%;
    background-position-y: 21.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon._deathcoil_color_shadow {
    background-position-x: 100%;
    background-position-y: 23.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_warlock_demonbolt {
    background-position-x: 100%;
    background-position-y: 26.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon._5_warlock05nobg_border {
    background-position-x: 100%;
    background-position-y: 28.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon._5_warlock05_border {
    background-position-x: 100%;
    background-position-y: 30.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_warlock_demonsoul {
    background-position-x: 100%;
    background-position-y: 33.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane01 {
    background-position-x: 100%;
    background-position-y: 35.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demoniccirclesummon {
    background-position-x: 100%;
    background-position-y: 38.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonicpact {
    background-position-x: 100%;
    background-position-y: 40.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_demonicempowerment {
    background-position-x: 100%;
    background-position-y: 42.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_manafeed {
    background-position-x: 100%;
    background-position-y: 45.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_demonicempathy {
    background-position-x: 100%;
    background-position-y: 47.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_metamorphosis {
    background-position-x: 100%;
    background-position-y: 50%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_felmending {
    background-position-x: 100%;
    background-position-y: 52.380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_netherprotection {
    background-position-x: 100%;
    background-position-y: 54.7619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_fire_firebolt {
    background-position-x: 100%;
    background-position-y: 57.1428571429%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_howlofterror {
    background-position-x: 100%;
    background-position-y: 59.5238095238%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_corpseexplode {
    background-position-x: 100%;
    background-position-y: 61.9047619048%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warlock_fireandbrimstone {
    background-position-x: 100%;
    background-position-y: 64.2857142857%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_soulleech_3 {
    background-position-x: 100%;
    background-position-y: 66.6666666667%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_shadow_shadowandflame {
    background-position-x: 100%;
    background-position-y: 69.0476190476%;
    background-size: 4300%, 4300%
}

.builder-icon.demoralizing_banner {
    background-position-x: 100%;
    background-position-y: 71.4285714286%;
    background-size: 4300%, 4300%
}

.builder-icon.warrior_skullbanner {
    background-position-x: 100%;
    background-position-y: 73.8095238095%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bullrush {
    background-position-x: 100%;
    background-position-y: 76.1904761905%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_hunter_harass {
    background-position-x: 100%;
    background-position-y: 78.5714285714%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_weaponmastery {
    background-position-x: 100%;
    background-position-y: 80.9523809524%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_axe_09 {
    background-position-x: 100%;
    background-position-y: 83.3333333333%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bloodfrenzy {
    background-position-x: 100%;
    background-position-y: 85.7142857143%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_bloodnova {
    background-position-x: 100%;
    background-position-y: 88.0952380952%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_rallyingcry {
    background-position-x: 100%;
    background-position-y: 90.4761904762%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_shoulder_22 {
    background-position-x: 100%;
    background-position-y: 92.8571428571%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_rampage {
    background-position-x: 100%;
    background-position-y: 95.2380952381%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_glaive_1h_artifactaldrochi_d_01dual {
    background-position-x: 100%;
    background-position-y: 97.619047619%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_furiousresolve {
    background-position-x: 0%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon._d3dashingstrike {
    background-position-x: 2.380952381%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_legendary_shield {
    background-position-x: 4.7619047619%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.inv_helmet_21 {
    background-position-x: 7.1428571429%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_warbringer {
    background-position-x: 9.5238095238%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_swordandboard {
    background-position-x: 11.9047619048%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_safeguard {
    background-position-x: 14.2857142857%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldmastery {
    background-position-x: 16.6666666667%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_warrior_shieldguard {
    background-position-x: 19.0476190476%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.spell_arcane_arcane04 {
    background-position-x: 21.4285714286%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_holyhand_border {
    background-position-x: 23.8095238095%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.ability_vehicle_rocketboost {
    background-position-x: 26.1904761905%;
    background-position-y: 100%;
    background-size: 4300%, 4300%
}

.builder-icon.nhi_fireclaw {
    width: 256px;
    height: 256px;
    background-position-x: 0%;
    background-position-y: 30.7692307692%;
    background-size: 1075%, 1075%
}

@font-face {
    font-family: Material Design Icons;
    src: url(../fonts/67d24abe.eot?v=7.2.96);
    src: url(../fonts/67d24abe.eot?#iefix&v=7.2.96) format("embedded-opentype"), url(../fonts/c1c004a9.woff2?v=7.2.96) format("woff2"), url(../fonts/80bb28b3.woff?v=7.2.96) format("woff"), url(../fonts/a58ecb54.ttf?v=7.2.96) format("truetype");
    font-weight: 400;
    font-style: normal
}

.mdi:before, .mdi-set {
    display: inline-block;
    font: 24px/1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mdi-ab-testing:before {
    content: "󰇉"
}

.mdi-abacus:before {
    content: "󱛠"
}

.mdi-abjad-arabic:before {
    content: "󱌨"
}

.mdi-abjad-hebrew:before {
    content: "󱌩"
}

.mdi-abugida-devanagari:before {
    content: "󱌪"
}

.mdi-abugida-thai:before {
    content: "󱌫"
}

.mdi-access-point:before {
    content: "󰀃"
}

.mdi-access-point-check:before {
    content: "󱔸"
}

.mdi-access-point-minus:before {
    content: "󱔹"
}

.mdi-access-point-network:before {
    content: "󰀂"
}

.mdi-access-point-network-off:before {
    content: "󰯡"
}

.mdi-access-point-off:before {
    content: "󱔑"
}

.mdi-access-point-plus:before {
    content: "󱔺"
}

.mdi-access-point-remove:before {
    content: "󱔻"
}

.mdi-account:before {
    content: "󰀄"
}

.mdi-account-alert:before {
    content: "󰀅"
}

.mdi-account-alert-outline:before {
    content: "󰭐"
}

.mdi-account-arrow-down:before {
    content: "󱡨"
}

.mdi-account-arrow-down-outline:before {
    content: "󱡩"
}

.mdi-account-arrow-left:before {
    content: "󰭑"
}

.mdi-account-arrow-left-outline:before {
    content: "󰭒"
}

.mdi-account-arrow-right:before {
    content: "󰭓"
}

.mdi-account-arrow-right-outline:before {
    content: "󰭔"
}

.mdi-account-arrow-up:before {
    content: "󱡧"
}

.mdi-account-arrow-up-outline:before {
    content: "󱡪"
}

.mdi-account-badge:before {
    content: "󱬊"
}

.mdi-account-badge-outline:before {
    content: "󱬋"
}

.mdi-account-box:before {
    content: "󰀆"
}

.mdi-account-box-multiple:before {
    content: "󰤴"
}

.mdi-account-box-multiple-outline:before {
    content: "󱀊"
}

.mdi-account-box-outline:before {
    content: "󰀇"
}

.mdi-account-cancel:before {
    content: "󱋟"
}

.mdi-account-cancel-outline:before {
    content: "󱋠"
}

.mdi-account-card:before {
    content: "󱮤"
}

.mdi-account-card-outline:before {
    content: "󱮥"
}

.mdi-account-cash:before {
    content: "󱂗"
}

.mdi-account-cash-outline:before {
    content: "󱂘"
}

.mdi-account-check:before {
    content: "󰀈"
}

.mdi-account-check-outline:before {
    content: "󰯢"
}

.mdi-account-child:before {
    content: "󰪉"
}

.mdi-account-child-circle:before {
    content: "󰪊"
}

.mdi-account-child-outline:before {
    content: "󱃈"
}

.mdi-account-circle:before {
    content: "󰀉"
}

.mdi-account-circle-outline:before {
    content: "󰭕"
}

.mdi-account-clock:before {
    content: "󰭖"
}

.mdi-account-clock-outline:before {
    content: "󰭗"
}

.mdi-account-cog:before {
    content: "󱍰"
}

.mdi-account-cog-outline:before {
    content: "󱍱"
}

.mdi-account-convert:before {
    content: "󰀊"
}

.mdi-account-convert-outline:before {
    content: "󱌁"
}

.mdi-account-cowboy-hat:before {
    content: "󰺛"
}

.mdi-account-cowboy-hat-outline:before {
    content: "󱟳"
}

.mdi-account-credit-card:before {
    content: "󱮦"
}

.mdi-account-credit-card-outline:before {
    content: "󱮧"
}

.mdi-account-details:before {
    content: "󰘱"
}

.mdi-account-details-outline:before {
    content: "󱍲"
}

.mdi-account-edit:before {
    content: "󰚼"
}

.mdi-account-edit-outline:before {
    content: "󰿻"
}

.mdi-account-eye:before {
    content: "󰐠"
}

.mdi-account-eye-outline:before {
    content: "󱉻"
}

.mdi-account-filter:before {
    content: "󰤶"
}

.mdi-account-filter-outline:before {
    content: "󰾝"
}

.mdi-account-group:before {
    content: "󰡉"
}

.mdi-account-group-outline:before {
    content: "󰭘"
}

.mdi-account-hard-hat:before {
    content: "󰖵"
}

.mdi-account-hard-hat-outline:before {
    content: "󱨟"
}

.mdi-account-heart:before {
    content: "󰢙"
}

.mdi-account-heart-outline:before {
    content: "󰯣"
}

.mdi-account-injury:before {
    content: "󱠕"
}

.mdi-account-injury-outline:before {
    content: "󱠖"
}

.mdi-account-key:before {
    content: "󰀋"
}

.mdi-account-key-outline:before {
    content: "󰯤"
}

.mdi-account-lock:before {
    content: "󱅞"
}

.mdi-account-lock-open:before {
    content: "󱥠"
}

.mdi-account-lock-open-outline:before {
    content: "󱥡"
}

.mdi-account-lock-outline:before {
    content: "󱅟"
}

.mdi-account-minus:before {
    content: "󰀍"
}

.mdi-account-minus-outline:before {
    content: "󰫬"
}

.mdi-account-multiple:before {
    content: "󰀎"
}

.mdi-account-multiple-check:before {
    content: "󰣅"
}

.mdi-account-multiple-check-outline:before {
    content: "󱇾"
}

.mdi-account-multiple-minus:before {
    content: "󰗓"
}

.mdi-account-multiple-minus-outline:before {
    content: "󰯥"
}

.mdi-account-multiple-outline:before {
    content: "󰀏"
}

.mdi-account-multiple-plus:before {
    content: "󰀐"
}

.mdi-account-multiple-plus-outline:before {
    content: "󰠀"
}

.mdi-account-multiple-remove:before {
    content: "󱈊"
}

.mdi-account-multiple-remove-outline:before {
    content: "󱈋"
}

.mdi-account-music:before {
    content: "󰠃"
}

.mdi-account-music-outline:before {
    content: "󰳩"
}

.mdi-account-network:before {
    content: "󰀑"
}

.mdi-account-network-off:before {
    content: "󱫱"
}

.mdi-account-network-off-outline:before {
    content: "󱫲"
}

.mdi-account-network-outline:before {
    content: "󰯦"
}

.mdi-account-off:before {
    content: "󰀒"
}

.mdi-account-off-outline:before {
    content: "󰯧"
}

.mdi-account-outline:before {
    content: "󰀓"
}

.mdi-account-plus:before {
    content: "󰀔"
}

.mdi-account-plus-outline:before {
    content: "󰠁"
}

.mdi-account-question:before {
    content: "󰭙"
}

.mdi-account-question-outline:before {
    content: "󰭚"
}

.mdi-account-reactivate:before {
    content: "󱔫"
}

.mdi-account-reactivate-outline:before {
    content: "󱔬"
}

.mdi-account-remove:before {
    content: "󰀕"
}

.mdi-account-remove-outline:before {
    content: "󰫭"
}

.mdi-account-school:before {
    content: "󱨠"
}

.mdi-account-school-outline:before {
    content: "󱨡"
}

.mdi-account-search:before {
    content: "󰀖"
}

.mdi-account-search-outline:before {
    content: "󰤵"
}

.mdi-account-settings:before {
    content: "󰘰"
}

.mdi-account-settings-outline:before {
    content: "󱃉"
}

.mdi-account-star:before {
    content: "󰀗"
}

.mdi-account-star-outline:before {
    content: "󰯨"
}

.mdi-account-supervisor:before {
    content: "󰪋"
}

.mdi-account-supervisor-circle:before {
    content: "󰪌"
}

.mdi-account-supervisor-circle-outline:before {
    content: "󱓬"
}

.mdi-account-supervisor-outline:before {
    content: "󱄭"
}

.mdi-account-switch:before {
    content: "󰀙"
}

.mdi-account-switch-outline:before {
    content: "󰓋"
}

.mdi-account-sync:before {
    content: "󱤛"
}

.mdi-account-sync-outline:before {
    content: "󱤜"
}

.mdi-account-tag:before {
    content: "󱰛"
}

.mdi-account-tag-outline:before {
    content: "󱰜"
}

.mdi-account-tie:before {
    content: "󰳣"
}

.mdi-account-tie-hat:before {
    content: "󱢘"
}

.mdi-account-tie-hat-outline:before {
    content: "󱢙"
}

.mdi-account-tie-outline:before {
    content: "󱃊"
}

.mdi-account-tie-voice:before {
    content: "󱌈"
}

.mdi-account-tie-voice-off:before {
    content: "󱌊"
}

.mdi-account-tie-voice-off-outline:before {
    content: "󱌋"
}

.mdi-account-tie-voice-outline:before {
    content: "󱌉"
}

.mdi-account-tie-woman:before {
    content: "󱪌"
}

.mdi-account-voice:before {
    content: "󰗋"
}

.mdi-account-voice-off:before {
    content: "󰻔"
}

.mdi-account-wrench:before {
    content: "󱢚"
}

.mdi-account-wrench-outline:before {
    content: "󱢛"
}

.mdi-adjust:before {
    content: "󰀚"
}

.mdi-advertisements:before {
    content: "󱤪"
}

.mdi-advertisements-off:before {
    content: "󱤫"
}

.mdi-air-conditioner:before {
    content: "󰀛"
}

.mdi-air-filter:before {
    content: "󰵃"
}

.mdi-air-horn:before {
    content: "󰶬"
}

.mdi-air-humidifier:before {
    content: "󱂙"
}

.mdi-air-humidifier-off:before {
    content: "󱑦"
}

.mdi-air-purifier:before {
    content: "󰵄"
}

.mdi-air-purifier-off:before {
    content: "󱭗"
}

.mdi-airbag:before {
    content: "󰯩"
}

.mdi-airballoon:before {
    content: "󰀜"
}

.mdi-airballoon-outline:before {
    content: "󱀋"
}

.mdi-airplane:before {
    content: "󰀝"
}

.mdi-airplane-alert:before {
    content: "󱡺"
}

.mdi-airplane-check:before {
    content: "󱡻"
}

.mdi-airplane-clock:before {
    content: "󱡼"
}

.mdi-airplane-cog:before {
    content: "󱡽"
}

.mdi-airplane-edit:before {
    content: "󱡾"
}

.mdi-airplane-landing:before {
    content: "󰗔"
}

.mdi-airplane-marker:before {
    content: "󱡿"
}

.mdi-airplane-minus:before {
    content: "󱢀"
}

.mdi-airplane-off:before {
    content: "󰀞"
}

.mdi-airplane-plus:before {
    content: "󱢁"
}

.mdi-airplane-remove:before {
    content: "󱢂"
}

.mdi-airplane-search:before {
    content: "󱢃"
}

.mdi-airplane-settings:before {
    content: "󱢄"
}

.mdi-airplane-takeoff:before {
    content: "󰗕"
}

.mdi-airport:before {
    content: "󰡋"
}

.mdi-alarm:before {
    content: "󰀠"
}

.mdi-alarm-bell:before {
    content: "󰞎"
}

.mdi-alarm-check:before {
    content: "󰀡"
}

.mdi-alarm-light:before {
    content: "󰞏"
}

.mdi-alarm-light-off:before {
    content: "󱜞"
}

.mdi-alarm-light-off-outline:before {
    content: "󱜟"
}

.mdi-alarm-light-outline:before {
    content: "󰯪"
}

.mdi-alarm-multiple:before {
    content: "󰀢"
}

.mdi-alarm-note:before {
    content: "󰹱"
}

.mdi-alarm-note-off:before {
    content: "󰹲"
}

.mdi-alarm-off:before {
    content: "󰀣"
}

.mdi-alarm-panel:before {
    content: "󱗄"
}

.mdi-alarm-panel-outline:before {
    content: "󱗅"
}

.mdi-alarm-plus:before {
    content: "󰀤"
}

.mdi-alarm-snooze:before {
    content: "󰚎"
}

.mdi-album:before {
    content: "󰀥"
}

.mdi-alert:before {
    content: "󰀦"
}

.mdi-alert-box:before {
    content: "󰀧"
}

.mdi-alert-box-outline:before {
    content: "󰳤"
}

.mdi-alert-circle:before {
    content: "󰀨"
}

.mdi-alert-circle-check:before {
    content: "󱇭"
}

.mdi-alert-circle-check-outline:before {
    content: "󱇮"
}

.mdi-alert-circle-outline:before {
    content: "󰗖"
}

.mdi-alert-decagram:before {
    content: "󰚽"
}

.mdi-alert-decagram-outline:before {
    content: "󰳥"
}

.mdi-alert-minus:before {
    content: "󱒻"
}

.mdi-alert-minus-outline:before {
    content: "󱒾"
}

.mdi-alert-octagon:before {
    content: "󰀩"
}

.mdi-alert-octagon-outline:before {
    content: "󰳦"
}

.mdi-alert-octagram:before {
    content: "󰝧"
}

.mdi-alert-octagram-outline:before {
    content: "󰳧"
}

.mdi-alert-outline:before {
    content: "󰀪"
}

.mdi-alert-plus:before {
    content: "󱒺"
}

.mdi-alert-plus-outline:before {
    content: "󱒽"
}

.mdi-alert-remove:before {
    content: "󱒼"
}

.mdi-alert-remove-outline:before {
    content: "󱒿"
}

.mdi-alert-rhombus:before {
    content: "󱇎"
}

.mdi-alert-rhombus-outline:before {
    content: "󱇏"
}

.mdi-alien:before {
    content: "󰢚"
}

.mdi-alien-outline:before {
    content: "󱃋"
}

.mdi-align-horizontal-center:before {
    content: "󱇃"
}

.mdi-align-horizontal-distribute:before {
    content: "󱥢"
}

.mdi-align-horizontal-left:before {
    content: "󱇂"
}

.mdi-align-horizontal-right:before {
    content: "󱇄"
}

.mdi-align-vertical-bottom:before {
    content: "󱇅"
}

.mdi-align-vertical-center:before {
    content: "󱇆"
}

.mdi-align-vertical-distribute:before {
    content: "󱥣"
}

.mdi-align-vertical-top:before {
    content: "󱇇"
}

.mdi-all-inclusive:before {
    content: "󰚾"
}

.mdi-all-inclusive-box:before {
    content: "󱢍"
}

.mdi-all-inclusive-box-outline:before {
    content: "󱢎"
}

.mdi-allergy:before {
    content: "󱉘"
}

.mdi-alpha:before {
    content: "󰀫"
}

.mdi-alpha-a:before {
    content: "󰫮"
}

.mdi-alpha-a-box:before {
    content: "󰬈"
}

.mdi-alpha-a-box-outline:before {
    content: "󰯫"
}

.mdi-alpha-a-circle:before {
    content: "󰯬"
}

.mdi-alpha-a-circle-outline:before {
    content: "󰯭"
}

.mdi-alpha-b:before {
    content: "󰫯"
}

.mdi-alpha-b-box:before {
    content: "󰬉"
}

.mdi-alpha-b-box-outline:before {
    content: "󰯮"
}

.mdi-alpha-b-circle:before {
    content: "󰯯"
}

.mdi-alpha-b-circle-outline:before {
    content: "󰯰"
}

.mdi-alpha-c:before {
    content: "󰫰"
}

.mdi-alpha-c-box:before {
    content: "󰬊"
}

.mdi-alpha-c-box-outline:before {
    content: "󰯱"
}

.mdi-alpha-c-circle:before {
    content: "󰯲"
}

.mdi-alpha-c-circle-outline:before {
    content: "󰯳"
}

.mdi-alpha-d:before {
    content: "󰫱"
}

.mdi-alpha-d-box:before {
    content: "󰬋"
}

.mdi-alpha-d-box-outline:before {
    content: "󰯴"
}

.mdi-alpha-d-circle:before {
    content: "󰯵"
}

.mdi-alpha-d-circle-outline:before {
    content: "󰯶"
}

.mdi-alpha-e:before {
    content: "󰫲"
}

.mdi-alpha-e-box:before {
    content: "󰬌"
}

.mdi-alpha-e-box-outline:before {
    content: "󰯷"
}

.mdi-alpha-e-circle:before {
    content: "󰯸"
}

.mdi-alpha-e-circle-outline:before {
    content: "󰯹"
}

.mdi-alpha-f:before {
    content: "󰫳"
}

.mdi-alpha-f-box:before {
    content: "󰬍"
}

.mdi-alpha-f-box-outline:before {
    content: "󰯺"
}

.mdi-alpha-f-circle:before {
    content: "󰯻"
}

.mdi-alpha-f-circle-outline:before {
    content: "󰯼"
}

.mdi-alpha-g:before {
    content: "󰫴"
}

.mdi-alpha-g-box:before {
    content: "󰬎"
}

.mdi-alpha-g-box-outline:before {
    content: "󰯽"
}

.mdi-alpha-g-circle:before {
    content: "󰯾"
}

.mdi-alpha-g-circle-outline:before {
    content: "󰯿"
}

.mdi-alpha-h:before {
    content: "󰫵"
}

.mdi-alpha-h-box:before {
    content: "󰬏"
}

.mdi-alpha-h-box-outline:before {
    content: "󰰀"
}

.mdi-alpha-h-circle:before {
    content: "󰰁"
}

.mdi-alpha-h-circle-outline:before {
    content: "󰰂"
}

.mdi-alpha-i:before {
    content: "󰫶"
}

.mdi-alpha-i-box:before {
    content: "󰬐"
}

.mdi-alpha-i-box-outline:before {
    content: "󰰃"
}

.mdi-alpha-i-circle:before {
    content: "󰰄"
}

.mdi-alpha-i-circle-outline:before {
    content: "󰰅"
}

.mdi-alpha-j:before {
    content: "󰫷"
}

.mdi-alpha-j-box:before {
    content: "󰬑"
}

.mdi-alpha-j-box-outline:before {
    content: "󰰆"
}

.mdi-alpha-j-circle:before {
    content: "󰰇"
}

.mdi-alpha-j-circle-outline:before {
    content: "󰰈"
}

.mdi-alpha-k:before {
    content: "󰫸"
}

.mdi-alpha-k-box:before {
    content: "󰬒"
}

.mdi-alpha-k-box-outline:before {
    content: "󰰉"
}

.mdi-alpha-k-circle:before {
    content: "󰰊"
}

.mdi-alpha-k-circle-outline:before {
    content: "󰰋"
}

.mdi-alpha-l:before {
    content: "󰫹"
}

.mdi-alpha-l-box:before {
    content: "󰬓"
}

.mdi-alpha-l-box-outline:before {
    content: "󰰌"
}

.mdi-alpha-l-circle:before {
    content: "󰰍"
}

.mdi-alpha-l-circle-outline:before {
    content: "󰰎"
}

.mdi-alpha-m:before {
    content: "󰫺"
}

.mdi-alpha-m-box:before {
    content: "󰬔"
}

.mdi-alpha-m-box-outline:before {
    content: "󰰏"
}

.mdi-alpha-m-circle:before {
    content: "󰰐"
}

.mdi-alpha-m-circle-outline:before {
    content: "󰰑"
}

.mdi-alpha-n:before {
    content: "󰫻"
}

.mdi-alpha-n-box:before {
    content: "󰬕"
}

.mdi-alpha-n-box-outline:before {
    content: "󰰒"
}

.mdi-alpha-n-circle:before {
    content: "󰰓"
}

.mdi-alpha-n-circle-outline:before {
    content: "󰰔"
}

.mdi-alpha-o:before {
    content: "󰫼"
}

.mdi-alpha-o-box:before {
    content: "󰬖"
}

.mdi-alpha-o-box-outline:before {
    content: "󰰕"
}

.mdi-alpha-o-circle:before {
    content: "󰰖"
}

.mdi-alpha-o-circle-outline:before {
    content: "󰰗"
}

.mdi-alpha-p:before {
    content: "󰫽"
}

.mdi-alpha-p-box:before {
    content: "󰬗"
}

.mdi-alpha-p-box-outline:before {
    content: "󰰘"
}

.mdi-alpha-p-circle:before {
    content: "󰰙"
}

.mdi-alpha-p-circle-outline:before {
    content: "󰰚"
}

.mdi-alpha-q:before {
    content: "󰫾"
}

.mdi-alpha-q-box:before {
    content: "󰬘"
}

.mdi-alpha-q-box-outline:before {
    content: "󰰛"
}

.mdi-alpha-q-circle:before {
    content: "󰰜"
}

.mdi-alpha-q-circle-outline:before {
    content: "󰰝"
}

.mdi-alpha-r:before {
    content: "󰫿"
}

.mdi-alpha-r-box:before {
    content: "󰬙"
}

.mdi-alpha-r-box-outline:before {
    content: "󰰞"
}

.mdi-alpha-r-circle:before {
    content: "󰰟"
}

.mdi-alpha-r-circle-outline:before {
    content: "󰰠"
}

.mdi-alpha-s:before {
    content: "󰬀"
}

.mdi-alpha-s-box:before {
    content: "󰬚"
}

.mdi-alpha-s-box-outline:before {
    content: "󰰡"
}

.mdi-alpha-s-circle:before {
    content: "󰰢"
}

.mdi-alpha-s-circle-outline:before {
    content: "󰰣"
}

.mdi-alpha-t:before {
    content: "󰬁"
}

.mdi-alpha-t-box:before {
    content: "󰬛"
}

.mdi-alpha-t-box-outline:before {
    content: "󰰤"
}

.mdi-alpha-t-circle:before {
    content: "󰰥"
}

.mdi-alpha-t-circle-outline:before {
    content: "󰰦"
}

.mdi-alpha-u:before {
    content: "󰬂"
}

.mdi-alpha-u-box:before {
    content: "󰬜"
}

.mdi-alpha-u-box-outline:before {
    content: "󰰧"
}

.mdi-alpha-u-circle:before {
    content: "󰰨"
}

.mdi-alpha-u-circle-outline:before {
    content: "󰰩"
}

.mdi-alpha-v:before {
    content: "󰬃"
}

.mdi-alpha-v-box:before {
    content: "󰬝"
}

.mdi-alpha-v-box-outline:before {
    content: "󰰪"
}

.mdi-alpha-v-circle:before {
    content: "󰰫"
}

.mdi-alpha-v-circle-outline:before {
    content: "󰰬"
}

.mdi-alpha-w:before {
    content: "󰬄"
}

.mdi-alpha-w-box:before {
    content: "󰬞"
}

.mdi-alpha-w-box-outline:before {
    content: "󰰭"
}

.mdi-alpha-w-circle:before {
    content: "󰰮"
}

.mdi-alpha-w-circle-outline:before {
    content: "󰰯"
}

.mdi-alpha-x:before {
    content: "󰬅"
}

.mdi-alpha-x-box:before {
    content: "󰬟"
}

.mdi-alpha-x-box-outline:before {
    content: "󰰰"
}

.mdi-alpha-x-circle:before {
    content: "󰰱"
}

.mdi-alpha-x-circle-outline:before {
    content: "󰰲"
}

.mdi-alpha-y:before {
    content: "󰬆"
}

.mdi-alpha-y-box:before {
    content: "󰬠"
}

.mdi-alpha-y-box-outline:before {
    content: "󰰳"
}

.mdi-alpha-y-circle:before {
    content: "󰰴"
}

.mdi-alpha-y-circle-outline:before {
    content: "󰰵"
}

.mdi-alpha-z:before {
    content: "󰬇"
}

.mdi-alpha-z-box:before {
    content: "󰬡"
}

.mdi-alpha-z-box-outline:before {
    content: "󰰶"
}

.mdi-alpha-z-circle:before {
    content: "󰰷"
}

.mdi-alpha-z-circle-outline:before {
    content: "󰰸"
}

.mdi-alphabet-aurebesh:before {
    content: "󱌬"
}

.mdi-alphabet-cyrillic:before {
    content: "󱌭"
}

.mdi-alphabet-greek:before {
    content: "󱌮"
}

.mdi-alphabet-latin:before {
    content: "󱌯"
}

.mdi-alphabet-piqad:before {
    content: "󱌰"
}

.mdi-alphabet-tengwar:before {
    content: "󱌷"
}

.mdi-alphabetical:before {
    content: "󰀬"
}

.mdi-alphabetical-off:before {
    content: "󱀌"
}

.mdi-alphabetical-variant:before {
    content: "󱀍"
}

.mdi-alphabetical-variant-off:before {
    content: "󱀎"
}

.mdi-altimeter:before {
    content: "󰗗"
}

.mdi-ambulance:before {
    content: "󰀯"
}

.mdi-ammunition:before {
    content: "󰳨"
}

.mdi-ampersand:before {
    content: "󰪍"
}

.mdi-amplifier:before {
    content: "󰀰"
}

.mdi-amplifier-off:before {
    content: "󱆵"
}

.mdi-anchor:before {
    content: "󰀱"
}

.mdi-android:before {
    content: "󰀲"
}

.mdi-android-studio:before {
    content: "󰀴"
}

.mdi-angle-acute:before {
    content: "󰤷"
}

.mdi-angle-obtuse:before {
    content: "󰤸"
}

.mdi-angle-right:before {
    content: "󰤹"
}

.mdi-angular:before {
    content: "󰚲"
}

.mdi-angularjs:before {
    content: "󰚿"
}

.mdi-animation:before {
    content: "󰗘"
}

.mdi-animation-outline:before {
    content: "󰪏"
}

.mdi-animation-play:before {
    content: "󰤺"
}

.mdi-animation-play-outline:before {
    content: "󰪐"
}

.mdi-ansible:before {
    content: "󱂚"
}

.mdi-antenna:before {
    content: "󱄙"
}

.mdi-anvil:before {
    content: "󰢛"
}

.mdi-apache-kafka:before {
    content: "󱀏"
}

.mdi-api:before {
    content: "󱂛"
}

.mdi-api-off:before {
    content: "󱉗"
}

.mdi-apple:before {
    content: "󰀵"
}

.mdi-apple-finder:before {
    content: "󰀶"
}

.mdi-apple-icloud:before {
    content: "󰀸"
}

.mdi-apple-ios:before {
    content: "󰀷"
}

.mdi-apple-keyboard-caps:before {
    content: "󰘲"
}

.mdi-apple-keyboard-command:before {
    content: "󰘳"
}

.mdi-apple-keyboard-control:before {
    content: "󰘴"
}

.mdi-apple-keyboard-option:before {
    content: "󰘵"
}

.mdi-apple-keyboard-shift:before {
    content: "󰘶"
}

.mdi-apple-safari:before {
    content: "󰀹"
}

.mdi-application:before {
    content: "󰣆"
}

.mdi-application-array:before {
    content: "󱃵"
}

.mdi-application-array-outline:before {
    content: "󱃶"
}

.mdi-application-braces:before {
    content: "󱃷"
}

.mdi-application-braces-outline:before {
    content: "󱃸"
}

.mdi-application-brackets:before {
    content: "󰲋"
}

.mdi-application-brackets-outline:before {
    content: "󰲌"
}

.mdi-application-cog:before {
    content: "󰙵"
}

.mdi-application-cog-outline:before {
    content: "󱕷"
}

.mdi-application-edit:before {
    content: "󰂮"
}

.mdi-application-edit-outline:before {
    content: "󰘙"
}

.mdi-application-export:before {
    content: "󰶭"
}

.mdi-application-import:before {
    content: "󰶮"
}

.mdi-application-outline:before {
    content: "󰘔"
}

.mdi-application-parentheses:before {
    content: "󱃹"
}

.mdi-application-parentheses-outline:before {
    content: "󱃺"
}

.mdi-application-settings:before {
    content: "󰭠"
}

.mdi-application-settings-outline:before {
    content: "󱕕"
}

.mdi-application-variable:before {
    content: "󱃻"
}

.mdi-application-variable-outline:before {
    content: "󱃼"
}

.mdi-approximately-equal:before {
    content: "󰾞"
}

.mdi-approximately-equal-box:before {
    content: "󰾟"
}

.mdi-apps:before {
    content: "󰀻"
}

.mdi-apps-box:before {
    content: "󰵆"
}

.mdi-arch:before {
    content: "󰣇"
}

.mdi-archive:before {
    content: "󰀼"
}

.mdi-archive-alert:before {
    content: "󱓽"
}

.mdi-archive-alert-outline:before {
    content: "󱓾"
}

.mdi-archive-arrow-down:before {
    content: "󱉙"
}

.mdi-archive-arrow-down-outline:before {
    content: "󱉚"
}

.mdi-archive-arrow-up:before {
    content: "󱉛"
}

.mdi-archive-arrow-up-outline:before {
    content: "󱉜"
}

.mdi-archive-cancel:before {
    content: "󱝋"
}

.mdi-archive-cancel-outline:before {
    content: "󱝌"
}

.mdi-archive-check:before {
    content: "󱝍"
}

.mdi-archive-check-outline:before {
    content: "󱝎"
}

.mdi-archive-clock:before {
    content: "󱝏"
}

.mdi-archive-clock-outline:before {
    content: "󱝐"
}

.mdi-archive-cog:before {
    content: "󱝑"
}

.mdi-archive-cog-outline:before {
    content: "󱝒"
}

.mdi-archive-edit:before {
    content: "󱝓"
}

.mdi-archive-edit-outline:before {
    content: "󱝔"
}

.mdi-archive-eye:before {
    content: "󱝕"
}

.mdi-archive-eye-outline:before {
    content: "󱝖"
}

.mdi-archive-lock:before {
    content: "󱝗"
}

.mdi-archive-lock-open:before {
    content: "󱝘"
}

.mdi-archive-lock-open-outline:before {
    content: "󱝙"
}

.mdi-archive-lock-outline:before {
    content: "󱝚"
}

.mdi-archive-marker:before {
    content: "󱝛"
}

.mdi-archive-marker-outline:before {
    content: "󱝜"
}

.mdi-archive-minus:before {
    content: "󱝝"
}

.mdi-archive-minus-outline:before {
    content: "󱝞"
}

.mdi-archive-music:before {
    content: "󱝟"
}

.mdi-archive-music-outline:before {
    content: "󱝠"
}

.mdi-archive-off:before {
    content: "󱝡"
}

.mdi-archive-off-outline:before {
    content: "󱝢"
}

.mdi-archive-outline:before {
    content: "󱈎"
}

.mdi-archive-plus:before {
    content: "󱝣"
}

.mdi-archive-plus-outline:before {
    content: "󱝤"
}

.mdi-archive-refresh:before {
    content: "󱝥"
}

.mdi-archive-refresh-outline:before {
    content: "󱝦"
}

.mdi-archive-remove:before {
    content: "󱝧"
}

.mdi-archive-remove-outline:before {
    content: "󱝨"
}

.mdi-archive-search:before {
    content: "󱝩"
}

.mdi-archive-search-outline:before {
    content: "󱝪"
}

.mdi-archive-settings:before {
    content: "󱝫"
}

.mdi-archive-settings-outline:before {
    content: "󱝬"
}

.mdi-archive-star:before {
    content: "󱝭"
}

.mdi-archive-star-outline:before {
    content: "󱝮"
}

.mdi-archive-sync:before {
    content: "󱝯"
}

.mdi-archive-sync-outline:before {
    content: "󱝰"
}

.mdi-arm-flex:before {
    content: "󰿗"
}

.mdi-arm-flex-outline:before {
    content: "󰿖"
}

.mdi-arrange-bring-forward:before {
    content: "󰀽"
}

.mdi-arrange-bring-to-front:before {
    content: "󰀾"
}

.mdi-arrange-send-backward:before {
    content: "󰀿"
}

.mdi-arrange-send-to-back:before {
    content: "󰁀"
}

.mdi-arrow-all:before {
    content: "󰁁"
}

.mdi-arrow-bottom-left:before {
    content: "󰁂"
}

.mdi-arrow-bottom-left-bold-box:before {
    content: "󱥤"
}

.mdi-arrow-bottom-left-bold-box-outline:before {
    content: "󱥥"
}

.mdi-arrow-bottom-left-bold-outline:before {
    content: "󰦷"
}

.mdi-arrow-bottom-left-thick:before {
    content: "󰦸"
}

.mdi-arrow-bottom-left-thin:before {
    content: "󱦶"
}

.mdi-arrow-bottom-left-thin-circle-outline:before {
    content: "󱖖"
}

.mdi-arrow-bottom-right:before {
    content: "󰁃"
}

.mdi-arrow-bottom-right-bold-box:before {
    content: "󱥦"
}

.mdi-arrow-bottom-right-bold-box-outline:before {
    content: "󱥧"
}

.mdi-arrow-bottom-right-bold-outline:before {
    content: "󰦹"
}

.mdi-arrow-bottom-right-thick:before {
    content: "󰦺"
}

.mdi-arrow-bottom-right-thin:before {
    content: "󱦷"
}

.mdi-arrow-bottom-right-thin-circle-outline:before {
    content: "󱖕"
}

.mdi-arrow-collapse:before {
    content: "󰘕"
}

.mdi-arrow-collapse-all:before {
    content: "󰁄"
}

.mdi-arrow-collapse-down:before {
    content: "󰞒"
}

.mdi-arrow-collapse-horizontal:before {
    content: "󰡌"
}

.mdi-arrow-collapse-left:before {
    content: "󰞓"
}

.mdi-arrow-collapse-right:before {
    content: "󰞔"
}

.mdi-arrow-collapse-up:before {
    content: "󰞕"
}

.mdi-arrow-collapse-vertical:before {
    content: "󰡍"
}

.mdi-arrow-decision:before {
    content: "󰦻"
}

.mdi-arrow-decision-auto:before {
    content: "󰦼"
}

.mdi-arrow-decision-auto-outline:before {
    content: "󰦽"
}

.mdi-arrow-decision-outline:before {
    content: "󰦾"
}

.mdi-arrow-down:before {
    content: "󰁅"
}

.mdi-arrow-down-bold:before {
    content: "󰜮"
}

.mdi-arrow-down-bold-box:before {
    content: "󰜯"
}

.mdi-arrow-down-bold-box-outline:before {
    content: "󰜰"
}

.mdi-arrow-down-bold-circle:before {
    content: "󰁇"
}

.mdi-arrow-down-bold-circle-outline:before {
    content: "󰁈"
}

.mdi-arrow-down-bold-hexagon-outline:before {
    content: "󰁉"
}

.mdi-arrow-down-bold-outline:before {
    content: "󰦿"
}

.mdi-arrow-down-box:before {
    content: "󰛀"
}

.mdi-arrow-down-circle:before {
    content: "󰳛"
}

.mdi-arrow-down-circle-outline:before {
    content: "󰳜"
}

.mdi-arrow-down-drop-circle:before {
    content: "󰁊"
}

.mdi-arrow-down-drop-circle-outline:before {
    content: "󰁋"
}

.mdi-arrow-down-left:before {
    content: "󱞡"
}

.mdi-arrow-down-left-bold:before {
    content: "󱞢"
}

.mdi-arrow-down-right:before {
    content: "󱞣"
}

.mdi-arrow-down-right-bold:before {
    content: "󱞤"
}

.mdi-arrow-down-thick:before {
    content: "󰁆"
}

.mdi-arrow-down-thin:before {
    content: "󱦳"
}

.mdi-arrow-down-thin-circle-outline:before {
    content: "󱖙"
}

.mdi-arrow-expand:before {
    content: "󰘖"
}

.mdi-arrow-expand-all:before {
    content: "󰁌"
}

.mdi-arrow-expand-down:before {
    content: "󰞖"
}

.mdi-arrow-expand-horizontal:before {
    content: "󰡎"
}

.mdi-arrow-expand-left:before {
    content: "󰞗"
}

.mdi-arrow-expand-right:before {
    content: "󰞘"
}

.mdi-arrow-expand-up:before {
    content: "󰞙"
}

.mdi-arrow-expand-vertical:before {
    content: "󰡏"
}

.mdi-arrow-horizontal-lock:before {
    content: "󱅛"
}

.mdi-arrow-left:before {
    content: "󰁍"
}

.mdi-arrow-left-bold:before {
    content: "󰜱"
}

.mdi-arrow-left-bold-box:before {
    content: "󰜲"
}

.mdi-arrow-left-bold-box-outline:before {
    content: "󰜳"
}

.mdi-arrow-left-bold-circle:before {
    content: "󰁏"
}

.mdi-arrow-left-bold-circle-outline:before {
    content: "󰁐"
}

.mdi-arrow-left-bold-hexagon-outline:before {
    content: "󰁑"
}

.mdi-arrow-left-bold-outline:before {
    content: "󰧀"
}

.mdi-arrow-left-bottom:before {
    content: "󱞥"
}

.mdi-arrow-left-bottom-bold:before {
    content: "󱞦"
}

.mdi-arrow-left-box:before {
    content: "󰛁"
}

.mdi-arrow-left-circle:before {
    content: "󰳝"
}

.mdi-arrow-left-circle-outline:before {
    content: "󰳞"
}

.mdi-arrow-left-drop-circle:before {
    content: "󰁒"
}

.mdi-arrow-left-drop-circle-outline:before {
    content: "󰁓"
}

.mdi-arrow-left-right:before {
    content: "󰹳"
}

.mdi-arrow-left-right-bold:before {
    content: "󰹴"
}

.mdi-arrow-left-right-bold-outline:before {
    content: "󰧁"
}

.mdi-arrow-left-thick:before {
    content: "󰁎"
}

.mdi-arrow-left-thin:before {
    content: "󱦱"
}

.mdi-arrow-left-thin-circle-outline:before {
    content: "󱖚"
}

.mdi-arrow-left-top:before {
    content: "󱞧"
}

.mdi-arrow-left-top-bold:before {
    content: "󱞨"
}

.mdi-arrow-projectile:before {
    content: "󱡀"
}

.mdi-arrow-projectile-multiple:before {
    content: "󱠿"
}

.mdi-arrow-right:before {
    content: "󰁔"
}

.mdi-arrow-right-bold:before {
    content: "󰜴"
}

.mdi-arrow-right-bold-box:before {
    content: "󰜵"
}

.mdi-arrow-right-bold-box-outline:before {
    content: "󰜶"
}

.mdi-arrow-right-bold-circle:before {
    content: "󰁖"
}

.mdi-arrow-right-bold-circle-outline:before {
    content: "󰁗"
}

.mdi-arrow-right-bold-hexagon-outline:before {
    content: "󰁘"
}

.mdi-arrow-right-bold-outline:before {
    content: "󰧂"
}

.mdi-arrow-right-bottom:before {
    content: "󱞩"
}

.mdi-arrow-right-bottom-bold:before {
    content: "󱞪"
}

.mdi-arrow-right-box:before {
    content: "󰛂"
}

.mdi-arrow-right-circle:before {
    content: "󰳟"
}

.mdi-arrow-right-circle-outline:before {
    content: "󰳠"
}

.mdi-arrow-right-drop-circle:before {
    content: "󰁙"
}

.mdi-arrow-right-drop-circle-outline:before {
    content: "󰁚"
}

.mdi-arrow-right-thick:before {
    content: "󰁕"
}

.mdi-arrow-right-thin:before {
    content: "󱦰"
}

.mdi-arrow-right-thin-circle-outline:before {
    content: "󱖘"
}

.mdi-arrow-right-top:before {
    content: "󱞫"
}

.mdi-arrow-right-top-bold:before {
    content: "󱞬"
}

.mdi-arrow-split-horizontal:before {
    content: "󰤻"
}

.mdi-arrow-split-vertical:before {
    content: "󰤼"
}

.mdi-arrow-top-left:before {
    content: "󰁛"
}

.mdi-arrow-top-left-bold-box:before {
    content: "󱥨"
}

.mdi-arrow-top-left-bold-box-outline:before {
    content: "󱥩"
}

.mdi-arrow-top-left-bold-outline:before {
    content: "󰧃"
}

.mdi-arrow-top-left-bottom-right:before {
    content: "󰹵"
}

.mdi-arrow-top-left-bottom-right-bold:before {
    content: "󰹶"
}

.mdi-arrow-top-left-thick:before {
    content: "󰧄"
}

.mdi-arrow-top-left-thin:before {
    content: "󱦵"
}

.mdi-arrow-top-left-thin-circle-outline:before {
    content: "󱖓"
}

.mdi-arrow-top-right:before {
    content: "󰁜"
}

.mdi-arrow-top-right-bold-box:before {
    content: "󱥪"
}

.mdi-arrow-top-right-bold-box-outline:before {
    content: "󱥫"
}

.mdi-arrow-top-right-bold-outline:before {
    content: "󰧅"
}

.mdi-arrow-top-right-bottom-left:before {
    content: "󰹷"
}

.mdi-arrow-top-right-bottom-left-bold:before {
    content: "󰹸"
}

.mdi-arrow-top-right-thick:before {
    content: "󰧆"
}

.mdi-arrow-top-right-thin:before {
    content: "󱦴"
}

.mdi-arrow-top-right-thin-circle-outline:before {
    content: "󱖔"
}

.mdi-arrow-u-down-left:before {
    content: "󱞭"
}

.mdi-arrow-u-down-left-bold:before {
    content: "󱞮"
}

.mdi-arrow-u-down-right:before {
    content: "󱞯"
}

.mdi-arrow-u-down-right-bold:before {
    content: "󱞰"
}

.mdi-arrow-u-left-bottom:before {
    content: "󱞱"
}

.mdi-arrow-u-left-bottom-bold:before {
    content: "󱞲"
}

.mdi-arrow-u-left-top:before {
    content: "󱞳"
}

.mdi-arrow-u-left-top-bold:before {
    content: "󱞴"
}

.mdi-arrow-u-right-bottom:before {
    content: "󱞵"
}

.mdi-arrow-u-right-bottom-bold:before {
    content: "󱞶"
}

.mdi-arrow-u-right-top:before {
    content: "󱞷"
}

.mdi-arrow-u-right-top-bold:before {
    content: "󱞸"
}

.mdi-arrow-u-up-left:before {
    content: "󱞹"
}

.mdi-arrow-u-up-left-bold:before {
    content: "󱞺"
}

.mdi-arrow-u-up-right:before {
    content: "󱞻"
}

.mdi-arrow-u-up-right-bold:before {
    content: "󱞼"
}

.mdi-arrow-up:before {
    content: "󰁝"
}

.mdi-arrow-up-bold:before {
    content: "󰜷"
}

.mdi-arrow-up-bold-box:before {
    content: "󰜸"
}

.mdi-arrow-up-bold-box-outline:before {
    content: "󰜹"
}

.mdi-arrow-up-bold-circle:before {
    content: "󰁟"
}

.mdi-arrow-up-bold-circle-outline:before {
    content: "󰁠"
}

.mdi-arrow-up-bold-hexagon-outline:before {
    content: "󰁡"
}

.mdi-arrow-up-bold-outline:before {
    content: "󰧇"
}

.mdi-arrow-up-box:before {
    content: "󰛃"
}

.mdi-arrow-up-circle:before {
    content: "󰳡"
}

.mdi-arrow-up-circle-outline:before {
    content: "󰳢"
}

.mdi-arrow-up-down:before {
    content: "󰹹"
}

.mdi-arrow-up-down-bold:before {
    content: "󰹺"
}

.mdi-arrow-up-down-bold-outline:before {
    content: "󰧈"
}

.mdi-arrow-up-drop-circle:before {
    content: "󰁢"
}

.mdi-arrow-up-drop-circle-outline:before {
    content: "󰁣"
}

.mdi-arrow-up-left:before {
    content: "󱞽"
}

.mdi-arrow-up-left-bold:before {
    content: "󱞾"
}

.mdi-arrow-up-right:before {
    content: "󱞿"
}

.mdi-arrow-up-right-bold:before {
    content: "󱟀"
}

.mdi-arrow-up-thick:before {
    content: "󰁞"
}

.mdi-arrow-up-thin:before {
    content: "󱦲"
}

.mdi-arrow-up-thin-circle-outline:before {
    content: "󱖗"
}

.mdi-arrow-vertical-lock:before {
    content: "󱅜"
}

.mdi-artboard:before {
    content: "󱮚"
}

.mdi-artstation:before {
    content: "󰭛"
}

.mdi-aspect-ratio:before {
    content: "󰨤"
}

.mdi-assistant:before {
    content: "󰁤"
}

.mdi-asterisk:before {
    content: "󰛄"
}

.mdi-asterisk-circle-outline:before {
    content: "󱨧"
}

.mdi-at:before {
    content: "󰁥"
}

.mdi-atlassian:before {
    content: "󰠄"
}

.mdi-atm:before {
    content: "󰵇"
}

.mdi-atom:before {
    content: "󰝨"
}

.mdi-atom-variant:before {
    content: "󰹻"
}

.mdi-attachment:before {
    content: "󰁦"
}

.mdi-attachment-check:before {
    content: "󱫁"
}

.mdi-attachment-lock:before {
    content: "󱧄"
}

.mdi-attachment-minus:before {
    content: "󱫂"
}

.mdi-attachment-off:before {
    content: "󱫃"
}

.mdi-attachment-plus:before {
    content: "󱫄"
}

.mdi-attachment-remove:before {
    content: "󱫅"
}

.mdi-atv:before {
    content: "󱭰"
}

.mdi-audio-input-rca:before {
    content: "󱡫"
}

.mdi-audio-input-stereo-minijack:before {
    content: "󱡬"
}

.mdi-audio-input-xlr:before {
    content: "󱡭"
}

.mdi-audio-video:before {
    content: "󰤽"
}

.mdi-audio-video-off:before {
    content: "󱆶"
}

.mdi-augmented-reality:before {
    content: "󰡐"
}

.mdi-aurora:before {
    content: "󱮹"
}

.mdi-auto-download:before {
    content: "󱍾"
}

.mdi-auto-fix:before {
    content: "󰁨"
}

.mdi-auto-mode:before {
    content: "󱰠"
}

.mdi-auto-upload:before {
    content: "󰁩"
}

.mdi-autorenew:before {
    content: "󰁪"
}

.mdi-autorenew-off:before {
    content: "󱧧"
}

.mdi-av-timer:before {
    content: "󰁫"
}

.mdi-awning:before {
    content: "󱮇"
}

.mdi-awning-outline:before {
    content: "󱮈"
}

.mdi-aws:before {
    content: "󰸏"
}

.mdi-axe:before {
    content: "󰣈"
}

.mdi-axe-battle:before {
    content: "󱡂"
}

.mdi-axis:before {
    content: "󰵈"
}

.mdi-axis-arrow:before {
    content: "󰵉"
}

.mdi-axis-arrow-info:before {
    content: "󱐎"
}

.mdi-axis-arrow-lock:before {
    content: "󰵊"
}

.mdi-axis-lock:before {
    content: "󰵋"
}

.mdi-axis-x-arrow:before {
    content: "󰵌"
}

.mdi-axis-x-arrow-lock:before {
    content: "󰵍"
}

.mdi-axis-x-rotate-clockwise:before {
    content: "󰵎"
}

.mdi-axis-x-rotate-counterclockwise:before {
    content: "󰵏"
}

.mdi-axis-x-y-arrow-lock:before {
    content: "󰵐"
}

.mdi-axis-y-arrow:before {
    content: "󰵑"
}

.mdi-axis-y-arrow-lock:before {
    content: "󰵒"
}

.mdi-axis-y-rotate-clockwise:before {
    content: "󰵓"
}

.mdi-axis-y-rotate-counterclockwise:before {
    content: "󰵔"
}

.mdi-axis-z-arrow:before {
    content: "󰵕"
}

.mdi-axis-z-arrow-lock:before {
    content: "󰵖"
}

.mdi-axis-z-rotate-clockwise:before {
    content: "󰵗"
}

.mdi-axis-z-rotate-counterclockwise:before {
    content: "󰵘"
}

.mdi-babel:before {
    content: "󰨥"
}

.mdi-baby:before {
    content: "󰁬"
}

.mdi-baby-bottle:before {
    content: "󰼹"
}

.mdi-baby-bottle-outline:before {
    content: "󰼺"
}

.mdi-baby-buggy:before {
    content: "󱏠"
}

.mdi-baby-buggy-off:before {
    content: "󱫳"
}

.mdi-baby-carriage:before {
    content: "󰚏"
}

.mdi-baby-carriage-off:before {
    content: "󰾠"
}

.mdi-baby-face:before {
    content: "󰹼"
}

.mdi-baby-face-outline:before {
    content: "󰹽"
}

.mdi-backburger:before {
    content: "󰁭"
}

.mdi-backspace:before {
    content: "󰁮"
}

.mdi-backspace-outline:before {
    content: "󰭜"
}

.mdi-backspace-reverse:before {
    content: "󰹾"
}

.mdi-backspace-reverse-outline:before {
    content: "󰹿"
}

.mdi-backup-restore:before {
    content: "󰁯"
}

.mdi-bacteria:before {
    content: "󰻕"
}

.mdi-bacteria-outline:before {
    content: "󰻖"
}

.mdi-badge-account:before {
    content: "󰶧"
}

.mdi-badge-account-alert:before {
    content: "󰶨"
}

.mdi-badge-account-alert-outline:before {
    content: "󰶩"
}

.mdi-badge-account-horizontal:before {
    content: "󰸍"
}

.mdi-badge-account-horizontal-outline:before {
    content: "󰸎"
}

.mdi-badge-account-outline:before {
    content: "󰶪"
}

.mdi-badminton:before {
    content: "󰡑"
}

.mdi-bag-carry-on:before {
    content: "󰼻"
}

.mdi-bag-carry-on-check:before {
    content: "󰵥"
}

.mdi-bag-carry-on-off:before {
    content: "󰼼"
}

.mdi-bag-checked:before {
    content: "󰼽"
}

.mdi-bag-personal:before {
    content: "󰸐"
}

.mdi-bag-personal-off:before {
    content: "󰸑"
}

.mdi-bag-personal-off-outline:before {
    content: "󰸒"
}

.mdi-bag-personal-outline:before {
    content: "󰸓"
}

.mdi-bag-personal-tag:before {
    content: "󱬌"
}

.mdi-bag-personal-tag-outline:before {
    content: "󱬍"
}

.mdi-bag-suitcase:before {
    content: "󱖋"
}

.mdi-bag-suitcase-off:before {
    content: "󱖍"
}

.mdi-bag-suitcase-off-outline:before {
    content: "󱖎"
}

.mdi-bag-suitcase-outline:before {
    content: "󱖌"
}

.mdi-baguette:before {
    content: "󰼾"
}

.mdi-balcony:before {
    content: "󱠗"
}

.mdi-balloon:before {
    content: "󰨦"
}

.mdi-ballot:before {
    content: "󰧉"
}

.mdi-ballot-outline:before {
    content: "󰧊"
}

.mdi-ballot-recount:before {
    content: "󰰹"
}

.mdi-ballot-recount-outline:before {
    content: "󰰺"
}

.mdi-bandage:before {
    content: "󰶯"
}

.mdi-bank:before {
    content: "󰁰"
}

.mdi-bank-check:before {
    content: "󱙕"
}

.mdi-bank-circle:before {
    content: "󱰃"
}

.mdi-bank-circle-outline:before {
    content: "󱰄"
}

.mdi-bank-minus:before {
    content: "󰶰"
}

.mdi-bank-off:before {
    content: "󱙖"
}

.mdi-bank-off-outline:before {
    content: "󱙗"
}

.mdi-bank-outline:before {
    content: "󰺀"
}

.mdi-bank-plus:before {
    content: "󰶱"
}

.mdi-bank-remove:before {
    content: "󰶲"
}

.mdi-bank-transfer:before {
    content: "󰨧"
}

.mdi-bank-transfer-in:before {
    content: "󰨨"
}

.mdi-bank-transfer-out:before {
    content: "󰨩"
}

.mdi-barcode:before {
    content: "󰁱"
}

.mdi-barcode-off:before {
    content: "󱈶"
}

.mdi-barcode-scan:before {
    content: "󰁲"
}

.mdi-barley:before {
    content: "󰁳"
}

.mdi-barley-off:before {
    content: "󰭝"
}

.mdi-barn:before {
    content: "󰭞"
}

.mdi-barrel:before {
    content: "󰁴"
}

.mdi-barrel-outline:before {
    content: "󱨨"
}

.mdi-baseball:before {
    content: "󰡒"
}

.mdi-baseball-bat:before {
    content: "󰡓"
}

.mdi-baseball-diamond:before {
    content: "󱗬"
}

.mdi-baseball-diamond-outline:before {
    content: "󱗭"
}

.mdi-baseball-outline:before {
    content: "󱱚"
}

.mdi-bash:before {
    content: "󱆃"
}

.mdi-basket:before {
    content: "󰁶"
}

.mdi-basket-check:before {
    content: "󱣥"
}

.mdi-basket-check-outline:before {
    content: "󱣦"
}

.mdi-basket-fill:before {
    content: "󰁷"
}

.mdi-basket-minus:before {
    content: "󱔣"
}

.mdi-basket-minus-outline:before {
    content: "󱔤"
}

.mdi-basket-off:before {
    content: "󱔥"
}

.mdi-basket-off-outline:before {
    content: "󱔦"
}

.mdi-basket-outline:before {
    content: "󱆁"
}

.mdi-basket-plus:before {
    content: "󱔧"
}

.mdi-basket-plus-outline:before {
    content: "󱔨"
}

.mdi-basket-remove:before {
    content: "󱔩"
}

.mdi-basket-remove-outline:before {
    content: "󱔪"
}

.mdi-basket-unfill:before {
    content: "󰁸"
}

.mdi-basketball:before {
    content: "󰠆"
}

.mdi-basketball-hoop:before {
    content: "󰰻"
}

.mdi-basketball-hoop-outline:before {
    content: "󰰼"
}

.mdi-bat:before {
    content: "󰭟"
}

.mdi-bathtub:before {
    content: "󱠘"
}

.mdi-bathtub-outline:before {
    content: "󱠙"
}

.mdi-battery:before {
    content: "󰁹"
}

.mdi-battery-10:before {
    content: "󰁺"
}

.mdi-battery-10-bluetooth:before {
    content: "󰤾"
}

.mdi-battery-20:before {
    content: "󰁻"
}

.mdi-battery-20-bluetooth:before {
    content: "󰤿"
}

.mdi-battery-30:before {
    content: "󰁼"
}

.mdi-battery-30-bluetooth:before {
    content: "󰥀"
}

.mdi-battery-40:before {
    content: "󰁽"
}

.mdi-battery-40-bluetooth:before {
    content: "󰥁"
}

.mdi-battery-50:before {
    content: "󰁾"
}

.mdi-battery-50-bluetooth:before {
    content: "󰥂"
}

.mdi-battery-60:before {
    content: "󰁿"
}

.mdi-battery-60-bluetooth:before {
    content: "󰥃"
}

.mdi-battery-70:before {
    content: "󰂀"
}

.mdi-battery-70-bluetooth:before {
    content: "󰥄"
}

.mdi-battery-80:before {
    content: "󰂁"
}

.mdi-battery-80-bluetooth:before {
    content: "󰥅"
}

.mdi-battery-90:before {
    content: "󰂂"
}

.mdi-battery-90-bluetooth:before {
    content: "󰥆"
}

.mdi-battery-alert:before {
    content: "󰂃"
}

.mdi-battery-alert-bluetooth:before {
    content: "󰥇"
}

.mdi-battery-alert-variant:before {
    content: "󱃌"
}

.mdi-battery-alert-variant-outline:before {
    content: "󱃍"
}

.mdi-battery-arrow-down:before {
    content: "󱟞"
}

.mdi-battery-arrow-down-outline:before {
    content: "󱟟"
}

.mdi-battery-arrow-up:before {
    content: "󱟠"
}

.mdi-battery-arrow-up-outline:before {
    content: "󱟡"
}

.mdi-battery-bluetooth:before {
    content: "󰥈"
}

.mdi-battery-bluetooth-variant:before {
    content: "󰥉"
}

.mdi-battery-charging:before {
    content: "󰂄"
}

.mdi-battery-charging-10:before {
    content: "󰢜"
}

.mdi-battery-charging-100:before {
    content: "󰂅"
}

.mdi-battery-charging-20:before {
    content: "󰂆"
}

.mdi-battery-charging-30:before {
    content: "󰂇"
}

.mdi-battery-charging-40:before {
    content: "󰂈"
}

.mdi-battery-charging-50:before {
    content: "󰢝"
}

.mdi-battery-charging-60:before {
    content: "󰂉"
}

.mdi-battery-charging-70:before {
    content: "󰢞"
}

.mdi-battery-charging-80:before {
    content: "󰂊"
}

.mdi-battery-charging-90:before {
    content: "󰂋"
}

.mdi-battery-charging-high:before {
    content: "󱊦"
}

.mdi-battery-charging-low:before {
    content: "󱊤"
}

.mdi-battery-charging-medium:before {
    content: "󱊥"
}

.mdi-battery-charging-outline:before {
    content: "󰢟"
}

.mdi-battery-charging-wireless:before {
    content: "󰠇"
}

.mdi-battery-charging-wireless-10:before {
    content: "󰠈"
}

.mdi-battery-charging-wireless-20:before {
    content: "󰠉"
}

.mdi-battery-charging-wireless-30:before {
    content: "󰠊"
}

.mdi-battery-charging-wireless-40:before {
    content: "󰠋"
}

.mdi-battery-charging-wireless-50:before {
    content: "󰠌"
}

.mdi-battery-charging-wireless-60:before {
    content: "󰠍"
}

.mdi-battery-charging-wireless-70:before {
    content: "󰠎"
}

.mdi-battery-charging-wireless-80:before {
    content: "󰠏"
}

.mdi-battery-charging-wireless-90:before {
    content: "󰠐"
}

.mdi-battery-charging-wireless-alert:before {
    content: "󰠑"
}

.mdi-battery-charging-wireless-outline:before {
    content: "󰠒"
}

.mdi-battery-check:before {
    content: "󱟢"
}

.mdi-battery-check-outline:before {
    content: "󱟣"
}

.mdi-battery-clock:before {
    content: "󱧥"
}

.mdi-battery-clock-outline:before {
    content: "󱧦"
}

.mdi-battery-heart:before {
    content: "󱈏"
}

.mdi-battery-heart-outline:before {
    content: "󱈐"
}

.mdi-battery-heart-variant:before {
    content: "󱈑"
}

.mdi-battery-high:before {
    content: "󱊣"
}

.mdi-battery-lock:before {
    content: "󱞜"
}

.mdi-battery-lock-open:before {
    content: "󱞝"
}

.mdi-battery-low:before {
    content: "󱊡"
}

.mdi-battery-medium:before {
    content: "󱊢"
}

.mdi-battery-minus:before {
    content: "󱟤"
}

.mdi-battery-minus-outline:before {
    content: "󱟥"
}

.mdi-battery-minus-variant:before {
    content: "󰂌"
}

.mdi-battery-negative:before {
    content: "󰂍"
}

.mdi-battery-off:before {
    content: "󱉝"
}

.mdi-battery-off-outline:before {
    content: "󱉞"
}

.mdi-battery-outline:before {
    content: "󰂎"
}

.mdi-battery-plus:before {
    content: "󱟦"
}

.mdi-battery-plus-outline:before {
    content: "󱟧"
}

.mdi-battery-plus-variant:before {
    content: "󰂏"
}

.mdi-battery-positive:before {
    content: "󰂐"
}

.mdi-battery-remove:before {
    content: "󱟨"
}

.mdi-battery-remove-outline:before {
    content: "󱟩"
}

.mdi-battery-sync:before {
    content: "󱠴"
}

.mdi-battery-sync-outline:before {
    content: "󱠵"
}

.mdi-battery-unknown:before {
    content: "󰂑"
}

.mdi-battery-unknown-bluetooth:before {
    content: "󰥊"
}

.mdi-beach:before {
    content: "󰂒"
}

.mdi-beaker:before {
    content: "󰳪"
}

.mdi-beaker-alert:before {
    content: "󱈩"
}

.mdi-beaker-alert-outline:before {
    content: "󱈪"
}

.mdi-beaker-check:before {
    content: "󱈫"
}

.mdi-beaker-check-outline:before {
    content: "󱈬"
}

.mdi-beaker-minus:before {
    content: "󱈭"
}

.mdi-beaker-minus-outline:before {
    content: "󱈮"
}

.mdi-beaker-outline:before {
    content: "󰚐"
}

.mdi-beaker-plus:before {
    content: "󱈯"
}

.mdi-beaker-plus-outline:before {
    content: "󱈰"
}

.mdi-beaker-question:before {
    content: "󱈱"
}

.mdi-beaker-question-outline:before {
    content: "󱈲"
}

.mdi-beaker-remove:before {
    content: "󱈳"
}

.mdi-beaker-remove-outline:before {
    content: "󱈴"
}

.mdi-bed:before {
    content: "󰋣"
}

.mdi-bed-clock:before {
    content: "󱮔"
}

.mdi-bed-double:before {
    content: "󰿔"
}

.mdi-bed-double-outline:before {
    content: "󰿓"
}

.mdi-bed-empty:before {
    content: "󰢠"
}

.mdi-bed-king:before {
    content: "󰿒"
}

.mdi-bed-king-outline:before {
    content: "󰿑"
}

.mdi-bed-outline:before {
    content: "󰂙"
}

.mdi-bed-queen:before {
    content: "󰿐"
}

.mdi-bed-queen-outline:before {
    content: "󰿛"
}

.mdi-bed-single:before {
    content: "󱁭"
}

.mdi-bed-single-outline:before {
    content: "󱁮"
}

.mdi-bee:before {
    content: "󰾡"
}

.mdi-bee-flower:before {
    content: "󰾢"
}

.mdi-beehive-off-outline:before {
    content: "󱏭"
}

.mdi-beehive-outline:before {
    content: "󱃎"
}

.mdi-beekeeper:before {
    content: "󱓢"
}

.mdi-beer:before {
    content: "󰂘"
}

.mdi-beer-outline:before {
    content: "󱌌"
}

.mdi-bell:before {
    content: "󰂚"
}

.mdi-bell-alert:before {
    content: "󰵙"
}

.mdi-bell-alert-outline:before {
    content: "󰺁"
}

.mdi-bell-badge:before {
    content: "󱅫"
}

.mdi-bell-badge-outline:before {
    content: "󰅸"
}

.mdi-bell-cancel:before {
    content: "󱏧"
}

.mdi-bell-cancel-outline:before {
    content: "󱏨"
}

.mdi-bell-check:before {
    content: "󱇥"
}

.mdi-bell-check-outline:before {
    content: "󱇦"
}

.mdi-bell-circle:before {
    content: "󰵚"
}

.mdi-bell-circle-outline:before {
    content: "󰵛"
}

.mdi-bell-cog:before {
    content: "󱨩"
}

.mdi-bell-cog-outline:before {
    content: "󱨪"
}

.mdi-bell-minus:before {
    content: "󱏩"
}

.mdi-bell-minus-outline:before {
    content: "󱏪"
}

.mdi-bell-off:before {
    content: "󰂛"
}

.mdi-bell-off-outline:before {
    content: "󰪑"
}

.mdi-bell-outline:before {
    content: "󰂜"
}

.mdi-bell-plus:before {
    content: "󰂝"
}

.mdi-bell-plus-outline:before {
    content: "󰪒"
}

.mdi-bell-remove:before {
    content: "󱏫"
}

.mdi-bell-remove-outline:before {
    content: "󱏬"
}

.mdi-bell-ring:before {
    content: "󰂞"
}

.mdi-bell-ring-outline:before {
    content: "󰂟"
}

.mdi-bell-sleep:before {
    content: "󰂠"
}

.mdi-bell-sleep-outline:before {
    content: "󰪓"
}

.mdi-bench:before {
    content: "󱰡"
}

.mdi-bench-back:before {
    content: "󱰢"
}

.mdi-beta:before {
    content: "󰂡"
}

.mdi-betamax:before {
    content: "󰧋"
}

.mdi-biathlon:before {
    content: "󰸔"
}

.mdi-bicycle:before {
    content: "󱂜"
}

.mdi-bicycle-basket:before {
    content: "󱈵"
}

.mdi-bicycle-cargo:before {
    content: "󱢜"
}

.mdi-bicycle-electric:before {
    content: "󱖴"
}

.mdi-bicycle-penny-farthing:before {
    content: "󱗩"
}

.mdi-bike:before {
    content: "󰂣"
}

.mdi-bike-fast:before {
    content: "󱄟"
}

.mdi-bike-pedal:before {
    content: "󱰣"
}

.mdi-bike-pedal-clipless:before {
    content: "󱰤"
}

.mdi-bike-pedal-mountain:before {
    content: "󱰥"
}

.mdi-billboard:before {
    content: "󱀐"
}

.mdi-billiards:before {
    content: "󰭡"
}

.mdi-billiards-rack:before {
    content: "󰭢"
}

.mdi-binoculars:before {
    content: "󰂥"
}

.mdi-bio:before {
    content: "󰂦"
}

.mdi-biohazard:before {
    content: "󰂧"
}

.mdi-bird:before {
    content: "󱗆"
}

.mdi-bitbucket:before {
    content: "󰂨"
}

.mdi-bitcoin:before {
    content: "󰠓"
}

.mdi-black-mesa:before {
    content: "󰂩"
}

.mdi-blender:before {
    content: "󰳫"
}

.mdi-blender-outline:before {
    content: "󱠚"
}

.mdi-blender-software:before {
    content: "󰂫"
}

.mdi-blinds:before {
    content: "󰂬"
}

.mdi-blinds-horizontal:before {
    content: "󱨫"
}

.mdi-blinds-horizontal-closed:before {
    content: "󱨬"
}

.mdi-blinds-open:before {
    content: "󱀑"
}

.mdi-blinds-vertical:before {
    content: "󱨭"
}

.mdi-blinds-vertical-closed:before {
    content: "󱨮"
}

.mdi-block-helper:before {
    content: "󰂭"
}

.mdi-blood-bag:before {
    content: "󰳬"
}

.mdi-bluetooth:before {
    content: "󰂯"
}

.mdi-bluetooth-audio:before {
    content: "󰂰"
}

.mdi-bluetooth-connect:before {
    content: "󰂱"
}

.mdi-bluetooth-off:before {
    content: "󰂲"
}

.mdi-bluetooth-settings:before {
    content: "󰂳"
}

.mdi-bluetooth-transfer:before {
    content: "󰂴"
}

.mdi-blur:before {
    content: "󰂵"
}

.mdi-blur-linear:before {
    content: "󰂶"
}

.mdi-blur-off:before {
    content: "󰂷"
}

.mdi-blur-radial:before {
    content: "󰂸"
}

.mdi-bolt:before {
    content: "󰶳"
}

.mdi-bomb:before {
    content: "󰚑"
}

.mdi-bomb-off:before {
    content: "󰛅"
}

.mdi-bone:before {
    content: "󰂹"
}

.mdi-bone-off:before {
    content: "󱧠"
}

.mdi-book:before {
    content: "󰂺"
}

.mdi-book-account:before {
    content: "󱎭"
}

.mdi-book-account-outline:before {
    content: "󱎮"
}

.mdi-book-alert:before {
    content: "󱙼"
}

.mdi-book-alert-outline:before {
    content: "󱙽"
}

.mdi-book-alphabet:before {
    content: "󰘝"
}

.mdi-book-arrow-down:before {
    content: "󱙾"
}

.mdi-book-arrow-down-outline:before {
    content: "󱙿"
}

.mdi-book-arrow-left:before {
    content: "󱚀"
}

.mdi-book-arrow-left-outline:before {
    content: "󱚁"
}

.mdi-book-arrow-right:before {
    content: "󱚂"
}

.mdi-book-arrow-right-outline:before {
    content: "󱚃"
}

.mdi-book-arrow-up:before {
    content: "󱚄"
}

.mdi-book-arrow-up-outline:before {
    content: "󱚅"
}

.mdi-book-cancel:before {
    content: "󱚆"
}

.mdi-book-cancel-outline:before {
    content: "󱚇"
}

.mdi-book-check:before {
    content: "󱓳"
}

.mdi-book-check-outline:before {
    content: "󱓴"
}

.mdi-book-clock:before {
    content: "󱚈"
}

.mdi-book-clock-outline:before {
    content: "󱚉"
}

.mdi-book-cog:before {
    content: "󱚊"
}

.mdi-book-cog-outline:before {
    content: "󱚋"
}

.mdi-book-cross:before {
    content: "󰂢"
}

.mdi-book-edit:before {
    content: "󱚌"
}

.mdi-book-edit-outline:before {
    content: "󱚍"
}

.mdi-book-education:before {
    content: "󱛉"
}

.mdi-book-education-outline:before {
    content: "󱛊"
}

.mdi-book-heart:before {
    content: "󱨝"
}

.mdi-book-heart-outline:before {
    content: "󱨞"
}

.mdi-book-information-variant:before {
    content: "󱁯"
}

.mdi-book-lock:before {
    content: "󰞚"
}

.mdi-book-lock-open:before {
    content: "󰞛"
}

.mdi-book-lock-open-outline:before {
    content: "󱚎"
}

.mdi-book-lock-outline:before {
    content: "󱚏"
}

.mdi-book-marker:before {
    content: "󱚐"
}

.mdi-book-marker-outline:before {
    content: "󱚑"
}

.mdi-book-minus:before {
    content: "󰗙"
}

.mdi-book-minus-multiple:before {
    content: "󰪔"
}

.mdi-book-minus-multiple-outline:before {
    content: "󰤋"
}

.mdi-book-minus-outline:before {
    content: "󱚒"
}

.mdi-book-multiple:before {
    content: "󰂻"
}

.mdi-book-multiple-outline:before {
    content: "󰐶"
}

.mdi-book-music:before {
    content: "󰁧"
}

.mdi-book-music-outline:before {
    content: "󱚓"
}

.mdi-book-off:before {
    content: "󱚔"
}

.mdi-book-off-outline:before {
    content: "󱚕"
}

.mdi-book-open:before {
    content: "󰂽"
}

.mdi-book-open-blank-variant:before {
    content: "󰂾"
}

.mdi-book-open-outline:before {
    content: "󰭣"
}

.mdi-book-open-page-variant:before {
    content: "󰗚"
}

.mdi-book-open-page-variant-outline:before {
    content: "󱗖"
}

.mdi-book-open-variant:before {
    content: "󱓷"
}

.mdi-book-outline:before {
    content: "󰭤"
}

.mdi-book-play:before {
    content: "󰺂"
}

.mdi-book-play-outline:before {
    content: "󰺃"
}

.mdi-book-plus:before {
    content: "󰗛"
}

.mdi-book-plus-multiple:before {
    content: "󰪕"
}

.mdi-book-plus-multiple-outline:before {
    content: "󰫞"
}

.mdi-book-plus-outline:before {
    content: "󱚖"
}

.mdi-book-refresh:before {
    content: "󱚗"
}

.mdi-book-refresh-outline:before {
    content: "󱚘"
}

.mdi-book-remove:before {
    content: "󰪗"
}

.mdi-book-remove-multiple:before {
    content: "󰪖"
}

.mdi-book-remove-multiple-outline:before {
    content: "󰓊"
}

.mdi-book-remove-outline:before {
    content: "󱚙"
}

.mdi-book-search:before {
    content: "󰺄"
}

.mdi-book-search-outline:before {
    content: "󰺅"
}

.mdi-book-settings:before {
    content: "󱚚"
}

.mdi-book-settings-outline:before {
    content: "󱚛"
}

.mdi-book-sync:before {
    content: "󱚜"
}

.mdi-book-sync-outline:before {
    content: "󱛈"
}

.mdi-book-variant:before {
    content: "󰂿"
}

.mdi-bookmark:before {
    content: "󰃀"
}

.mdi-bookmark-box:before {
    content: "󱭵"
}

.mdi-bookmark-box-multiple:before {
    content: "󱥬"
}

.mdi-bookmark-box-multiple-outline:before {
    content: "󱥭"
}

.mdi-bookmark-box-outline:before {
    content: "󱭶"
}

.mdi-bookmark-check:before {
    content: "󰃁"
}

.mdi-bookmark-check-outline:before {
    content: "󱍻"
}

.mdi-bookmark-minus:before {
    content: "󰧌"
}

.mdi-bookmark-minus-outline:before {
    content: "󰧍"
}

.mdi-bookmark-multiple:before {
    content: "󰸕"
}

.mdi-bookmark-multiple-outline:before {
    content: "󰸖"
}

.mdi-bookmark-music:before {
    content: "󰃂"
}

.mdi-bookmark-music-outline:before {
    content: "󱍹"
}

.mdi-bookmark-off:before {
    content: "󰧎"
}

.mdi-bookmark-off-outline:before {
    content: "󰧏"
}

.mdi-bookmark-outline:before {
    content: "󰃃"
}

.mdi-bookmark-plus:before {
    content: "󰃅"
}

.mdi-bookmark-plus-outline:before {
    content: "󰃄"
}

.mdi-bookmark-remove:before {
    content: "󰃆"
}

.mdi-bookmark-remove-outline:before {
    content: "󱍺"
}

.mdi-bookshelf:before {
    content: "󱉟"
}

.mdi-boom-gate:before {
    content: "󰺆"
}

.mdi-boom-gate-alert:before {
    content: "󰺇"
}

.mdi-boom-gate-alert-outline:before {
    content: "󰺈"
}

.mdi-boom-gate-arrow-down:before {
    content: "󰺉"
}

.mdi-boom-gate-arrow-down-outline:before {
    content: "󰺊"
}

.mdi-boom-gate-arrow-up:before {
    content: "󰺌"
}

.mdi-boom-gate-arrow-up-outline:before {
    content: "󰺍"
}

.mdi-boom-gate-outline:before {
    content: "󰺋"
}

.mdi-boom-gate-up:before {
    content: "󱟹"
}

.mdi-boom-gate-up-outline:before {
    content: "󱟺"
}

.mdi-boombox:before {
    content: "󰗜"
}

.mdi-boomerang:before {
    content: "󱃏"
}

.mdi-bootstrap:before {
    content: "󰛆"
}

.mdi-border-all:before {
    content: "󰃇"
}

.mdi-border-all-variant:before {
    content: "󰢡"
}

.mdi-border-bottom:before {
    content: "󰃈"
}

.mdi-border-bottom-variant:before {
    content: "󰢢"
}

.mdi-border-color:before {
    content: "󰃉"
}

.mdi-border-horizontal:before {
    content: "󰃊"
}

.mdi-border-inside:before {
    content: "󰃋"
}

.mdi-border-left:before {
    content: "󰃌"
}

.mdi-border-left-variant:before {
    content: "󰢣"
}

.mdi-border-none:before {
    content: "󰃍"
}

.mdi-border-none-variant:before {
    content: "󰢤"
}

.mdi-border-outside:before {
    content: "󰃎"
}

.mdi-border-radius:before {
    content: "󱫴"
}

.mdi-border-right:before {
    content: "󰃏"
}

.mdi-border-right-variant:before {
    content: "󰢥"
}

.mdi-border-style:before {
    content: "󰃐"
}

.mdi-border-top:before {
    content: "󰃑"
}

.mdi-border-top-variant:before {
    content: "󰢦"
}

.mdi-border-vertical:before {
    content: "󰃒"
}

.mdi-bottle-soda:before {
    content: "󱁰"
}

.mdi-bottle-soda-classic:before {
    content: "󱁱"
}

.mdi-bottle-soda-classic-outline:before {
    content: "󱍣"
}

.mdi-bottle-soda-outline:before {
    content: "󱁲"
}

.mdi-bottle-tonic:before {
    content: "󱄮"
}

.mdi-bottle-tonic-outline:before {
    content: "󱄯"
}

.mdi-bottle-tonic-plus:before {
    content: "󱄰"
}

.mdi-bottle-tonic-plus-outline:before {
    content: "󱄱"
}

.mdi-bottle-tonic-skull:before {
    content: "󱄲"
}

.mdi-bottle-tonic-skull-outline:before {
    content: "󱄳"
}

.mdi-bottle-wine:before {
    content: "󰡔"
}

.mdi-bottle-wine-outline:before {
    content: "󱌐"
}

.mdi-bow-arrow:before {
    content: "󱡁"
}

.mdi-bow-tie:before {
    content: "󰙸"
}

.mdi-bowl:before {
    content: "󰊎"
}

.mdi-bowl-mix:before {
    content: "󰘗"
}

.mdi-bowl-mix-outline:before {
    content: "󰋤"
}

.mdi-bowl-outline:before {
    content: "󰊩"
}

.mdi-bowling:before {
    content: "󰃓"
}

.mdi-box:before {
    content: "󰃔"
}

.mdi-box-cutter:before {
    content: "󰃕"
}

.mdi-box-cutter-off:before {
    content: "󰭊"
}

.mdi-box-shadow:before {
    content: "󰘷"
}

.mdi-boxing-glove:before {
    content: "󰭥"
}

.mdi-braille:before {
    content: "󰧐"
}

.mdi-brain:before {
    content: "󰧑"
}

.mdi-bread-slice:before {
    content: "󰳮"
}

.mdi-bread-slice-outline:before {
    content: "󰳯"
}

.mdi-bridge:before {
    content: "󰘘"
}

.mdi-briefcase:before {
    content: "󰃖"
}

.mdi-briefcase-account:before {
    content: "󰳰"
}

.mdi-briefcase-account-outline:before {
    content: "󰳱"
}

.mdi-briefcase-arrow-left-right:before {
    content: "󱪍"
}

.mdi-briefcase-arrow-left-right-outline:before {
    content: "󱪎"
}

.mdi-briefcase-arrow-up-down:before {
    content: "󱪏"
}

.mdi-briefcase-arrow-up-down-outline:before {
    content: "󱪐"
}

.mdi-briefcase-check:before {
    content: "󰃗"
}

.mdi-briefcase-check-outline:before {
    content: "󱌞"
}

.mdi-briefcase-clock:before {
    content: "󱃐"
}

.mdi-briefcase-clock-outline:before {
    content: "󱃑"
}

.mdi-briefcase-download:before {
    content: "󰃘"
}

.mdi-briefcase-download-outline:before {
    content: "󰰽"
}

.mdi-briefcase-edit:before {
    content: "󰪘"
}

.mdi-briefcase-edit-outline:before {
    content: "󰰾"
}

.mdi-briefcase-eye:before {
    content: "󱟙"
}

.mdi-briefcase-eye-outline:before {
    content: "󱟚"
}

.mdi-briefcase-minus:before {
    content: "󰨪"
}

.mdi-briefcase-minus-outline:before {
    content: "󰰿"
}

.mdi-briefcase-off:before {
    content: "󱙘"
}

.mdi-briefcase-off-outline:before {
    content: "󱙙"
}

.mdi-briefcase-outline:before {
    content: "󰠔"
}

.mdi-briefcase-plus:before {
    content: "󰨫"
}

.mdi-briefcase-plus-outline:before {
    content: "󰱀"
}

.mdi-briefcase-remove:before {
    content: "󰨬"
}

.mdi-briefcase-remove-outline:before {
    content: "󰱁"
}

.mdi-briefcase-search:before {
    content: "󰨭"
}

.mdi-briefcase-search-outline:before {
    content: "󰱂"
}

.mdi-briefcase-upload:before {
    content: "󰃙"
}

.mdi-briefcase-upload-outline:before {
    content: "󰱃"
}

.mdi-briefcase-variant:before {
    content: "󱒔"
}

.mdi-briefcase-variant-off:before {
    content: "󱙚"
}

.mdi-briefcase-variant-off-outline:before {
    content: "󱙛"
}

.mdi-briefcase-variant-outline:before {
    content: "󱒕"
}

.mdi-brightness-1:before {
    content: "󰃚"
}

.mdi-brightness-2:before {
    content: "󰃛"
}

.mdi-brightness-3:before {
    content: "󰃜"
}

.mdi-brightness-4:before {
    content: "󰃝"
}

.mdi-brightness-5:before {
    content: "󰃞"
}

.mdi-brightness-6:before {
    content: "󰃟"
}

.mdi-brightness-7:before {
    content: "󰃠"
}

.mdi-brightness-auto:before {
    content: "󰃡"
}

.mdi-brightness-percent:before {
    content: "󰳲"
}

.mdi-broadcast:before {
    content: "󱜠"
}

.mdi-broadcast-off:before {
    content: "󱜡"
}

.mdi-broom:before {
    content: "󰃢"
}

.mdi-brush:before {
    content: "󰃣"
}

.mdi-brush-off:before {
    content: "󱝱"
}

.mdi-brush-outline:before {
    content: "󱨍"
}

.mdi-brush-variant:before {
    content: "󱠓"
}

.mdi-bucket:before {
    content: "󱐕"
}

.mdi-bucket-outline:before {
    content: "󱐖"
}

.mdi-buffet:before {
    content: "󰕸"
}

.mdi-bug:before {
    content: "󰃤"
}

.mdi-bug-check:before {
    content: "󰨮"
}

.mdi-bug-check-outline:before {
    content: "󰨯"
}

.mdi-bug-outline:before {
    content: "󰨰"
}

.mdi-bug-pause:before {
    content: "󱫵"
}

.mdi-bug-pause-outline:before {
    content: "󱫶"
}

.mdi-bug-play:before {
    content: "󱫷"
}

.mdi-bug-play-outline:before {
    content: "󱫸"
}

.mdi-bug-stop:before {
    content: "󱫹"
}

.mdi-bug-stop-outline:before {
    content: "󱫺"
}

.mdi-bugle:before {
    content: "󰶴"
}

.mdi-bulkhead-light:before {
    content: "󱨯"
}

.mdi-bulldozer:before {
    content: "󰬢"
}

.mdi-bullet:before {
    content: "󰳳"
}

.mdi-bulletin-board:before {
    content: "󰃥"
}

.mdi-bullhorn:before {
    content: "󰃦"
}

.mdi-bullhorn-outline:before {
    content: "󰬣"
}

.mdi-bullhorn-variant:before {
    content: "󱥮"
}

.mdi-bullhorn-variant-outline:before {
    content: "󱥯"
}

.mdi-bullseye:before {
    content: "󰗝"
}

.mdi-bullseye-arrow:before {
    content: "󰣉"
}

.mdi-bulma:before {
    content: "󱋧"
}

.mdi-bunk-bed:before {
    content: "󱌂"
}

.mdi-bunk-bed-outline:before {
    content: "󰂗"
}

.mdi-bus:before {
    content: "󰃧"
}

.mdi-bus-alert:before {
    content: "󰪙"
}

.mdi-bus-articulated-end:before {
    content: "󰞜"
}

.mdi-bus-articulated-front:before {
    content: "󰞝"
}

.mdi-bus-clock:before {
    content: "󰣊"
}

.mdi-bus-double-decker:before {
    content: "󰞞"
}

.mdi-bus-electric:before {
    content: "󱤝"
}

.mdi-bus-marker:before {
    content: "󱈒"
}

.mdi-bus-multiple:before {
    content: "󰼿"
}

.mdi-bus-school:before {
    content: "󰞟"
}

.mdi-bus-side:before {
    content: "󰞠"
}

.mdi-bus-stop:before {
    content: "󱀒"
}

.mdi-bus-stop-covered:before {
    content: "󱀓"
}

.mdi-bus-stop-uncovered:before {
    content: "󱀔"
}

.mdi-butterfly:before {
    content: "󱖉"
}

.mdi-butterfly-outline:before {
    content: "󱖊"
}

.mdi-button-cursor:before {
    content: "󱭏"
}

.mdi-button-pointer:before {
    content: "󱭐"
}

.mdi-cabin-a-frame:before {
    content: "󱢌"
}

.mdi-cable-data:before {
    content: "󱎔"
}

.mdi-cached:before {
    content: "󰃨"
}

.mdi-cactus:before {
    content: "󰶵"
}

.mdi-cake:before {
    content: "󰃩"
}

.mdi-cake-layered:before {
    content: "󰃪"
}

.mdi-cake-variant:before {
    content: "󰃫"
}

.mdi-cake-variant-outline:before {
    content: "󱟰"
}

.mdi-calculator:before {
    content: "󰃬"
}

.mdi-calculator-variant:before {
    content: "󰪚"
}

.mdi-calculator-variant-outline:before {
    content: "󱖦"
}

.mdi-calendar:before {
    content: "󰃭"
}

.mdi-calendar-account:before {
    content: "󰻗"
}

.mdi-calendar-account-outline:before {
    content: "󰻘"
}

.mdi-calendar-alert:before {
    content: "󰨱"
}

.mdi-calendar-alert-outline:before {
    content: "󱭢"
}

.mdi-calendar-arrow-left:before {
    content: "󱄴"
}

.mdi-calendar-arrow-right:before {
    content: "󱄵"
}

.mdi-calendar-badge:before {
    content: "󱮝"
}

.mdi-calendar-badge-outline:before {
    content: "󱮞"
}

.mdi-calendar-blank:before {
    content: "󰃮"
}

.mdi-calendar-blank-multiple:before {
    content: "󱁳"
}

.mdi-calendar-blank-outline:before {
    content: "󰭦"
}

.mdi-calendar-check:before {
    content: "󰃯"
}

.mdi-calendar-check-outline:before {
    content: "󰱄"
}

.mdi-calendar-clock:before {
    content: "󰃰"
}

.mdi-calendar-clock-outline:before {
    content: "󱛡"
}

.mdi-calendar-collapse-horizontal:before {
    content: "󱢝"
}

.mdi-calendar-collapse-horizontal-outline:before {
    content: "󱭣"
}

.mdi-calendar-cursor:before {
    content: "󱕻"
}

.mdi-calendar-cursor-outline:before {
    content: "󱭤"
}

.mdi-calendar-edit:before {
    content: "󰢧"
}

.mdi-calendar-edit-outline:before {
    content: "󱭥"
}

.mdi-calendar-end:before {
    content: "󱙬"
}

.mdi-calendar-end-outline:before {
    content: "󱭦"
}

.mdi-calendar-expand-horizontal:before {
    content: "󱢞"
}

.mdi-calendar-expand-horizontal-outline:before {
    content: "󱭧"
}

.mdi-calendar-export:before {
    content: "󰬤"
}

.mdi-calendar-export-outline:before {
    content: "󱭨"
}

.mdi-calendar-filter:before {
    content: "󱨲"
}

.mdi-calendar-filter-outline:before {
    content: "󱨳"
}

.mdi-calendar-heart:before {
    content: "󰧒"
}

.mdi-calendar-heart-outline:before {
    content: "󱭩"
}

.mdi-calendar-import:before {
    content: "󰬥"
}

.mdi-calendar-import-outline:before {
    content: "󱭪"
}

.mdi-calendar-lock:before {
    content: "󱙁"
}

.mdi-calendar-lock-open:before {
    content: "󱭛"
}

.mdi-calendar-lock-open-outline:before {
    content: "󱭜"
}

.mdi-calendar-lock-outline:before {
    content: "󱙂"
}

.mdi-calendar-minus:before {
    content: "󰵜"
}

.mdi-calendar-minus-outline:before {
    content: "󱭫"
}

.mdi-calendar-month:before {
    content: "󰸗"
}

.mdi-calendar-month-outline:before {
    content: "󰸘"
}

.mdi-calendar-multiple:before {
    content: "󰃱"
}

.mdi-calendar-multiple-check:before {
    content: "󰃲"
}

.mdi-calendar-multiselect:before {
    content: "󰨲"
}

.mdi-calendar-multiselect-outline:before {
    content: "󱭕"
}

.mdi-calendar-outline:before {
    content: "󰭧"
}

.mdi-calendar-plus:before {
    content: "󰃳"
}

.mdi-calendar-plus-outline:before {
    content: "󱭬"
}

.mdi-calendar-question:before {
    content: "󰚒"
}

.mdi-calendar-question-outline:before {
    content: "󱭭"
}

.mdi-calendar-range:before {
    content: "󰙹"
}

.mdi-calendar-range-outline:before {
    content: "󰭨"
}

.mdi-calendar-refresh:before {
    content: "󰇡"
}

.mdi-calendar-refresh-outline:before {
    content: "󰈃"
}

.mdi-calendar-remove:before {
    content: "󰃴"
}

.mdi-calendar-remove-outline:before {
    content: "󰱅"
}

.mdi-calendar-search:before {
    content: "󰥌"
}

.mdi-calendar-search-outline:before {
    content: "󱭮"
}

.mdi-calendar-star:before {
    content: "󰧓"
}

.mdi-calendar-star-four-points:before {
    content: "󱰟"
}

.mdi-calendar-star-outline:before {
    content: "󱭓"
}

.mdi-calendar-start:before {
    content: "󱙭"
}

.mdi-calendar-start-outline:before {
    content: "󱭯"
}

.mdi-calendar-sync:before {
    content: "󰺎"
}

.mdi-calendar-sync-outline:before {
    content: "󰺏"
}

.mdi-calendar-text:before {
    content: "󰃵"
}

.mdi-calendar-text-outline:before {
    content: "󰱆"
}

.mdi-calendar-today:before {
    content: "󰃶"
}

.mdi-calendar-today-outline:before {
    content: "󱨰"
}

.mdi-calendar-week:before {
    content: "󰨳"
}

.mdi-calendar-week-begin:before {
    content: "󰨴"
}

.mdi-calendar-week-begin-outline:before {
    content: "󱨱"
}

.mdi-calendar-week-outline:before {
    content: "󱨴"
}

.mdi-calendar-weekend:before {
    content: "󰻙"
}

.mdi-calendar-weekend-outline:before {
    content: "󰻚"
}

.mdi-call-made:before {
    content: "󰃷"
}

.mdi-call-merge:before {
    content: "󰃸"
}

.mdi-call-missed:before {
    content: "󰃹"
}

.mdi-call-received:before {
    content: "󰃺"
}

.mdi-call-split:before {
    content: "󰃻"
}

.mdi-camcorder:before {
    content: "󰃼"
}

.mdi-camcorder-off:before {
    content: "󰃿"
}

.mdi-camera:before {
    content: "󰄀"
}

.mdi-camera-account:before {
    content: "󰣋"
}

.mdi-camera-burst:before {
    content: "󰚓"
}

.mdi-camera-control:before {
    content: "󰭩"
}

.mdi-camera-document:before {
    content: "󱡱"
}

.mdi-camera-document-off:before {
    content: "󱡲"
}

.mdi-camera-enhance:before {
    content: "󰄁"
}

.mdi-camera-enhance-outline:before {
    content: "󰭪"
}

.mdi-camera-flip:before {
    content: "󱗙"
}

.mdi-camera-flip-outline:before {
    content: "󱗚"
}

.mdi-camera-front:before {
    content: "󰄂"
}

.mdi-camera-front-variant:before {
    content: "󰄃"
}

.mdi-camera-gopro:before {
    content: "󰞡"
}

.mdi-camera-image:before {
    content: "󰣌"
}

.mdi-camera-iris:before {
    content: "󰄄"
}

.mdi-camera-lock:before {
    content: "󱨔"
}

.mdi-camera-lock-open:before {
    content: "󱰍"
}

.mdi-camera-lock-open-outline:before {
    content: "󱰎"
}

.mdi-camera-lock-outline:before {
    content: "󱨕"
}

.mdi-camera-marker:before {
    content: "󱦧"
}

.mdi-camera-marker-outline:before {
    content: "󱦨"
}

.mdi-camera-metering-center:before {
    content: "󰞢"
}

.mdi-camera-metering-matrix:before {
    content: "󰞣"
}

.mdi-camera-metering-partial:before {
    content: "󰞤"
}

.mdi-camera-metering-spot:before {
    content: "󰞥"
}

.mdi-camera-off:before {
    content: "󰗟"
}

.mdi-camera-off-outline:before {
    content: "󱦿"
}

.mdi-camera-outline:before {
    content: "󰵝"
}

.mdi-camera-party-mode:before {
    content: "󰄅"
}

.mdi-camera-plus:before {
    content: "󰻛"
}

.mdi-camera-plus-outline:before {
    content: "󰻜"
}

.mdi-camera-rear:before {
    content: "󰄆"
}

.mdi-camera-rear-variant:before {
    content: "󰄇"
}

.mdi-camera-retake:before {
    content: "󰸙"
}

.mdi-camera-retake-outline:before {
    content: "󰸚"
}

.mdi-camera-switch:before {
    content: "󰄈"
}

.mdi-camera-switch-outline:before {
    content: "󰡊"
}

.mdi-camera-timer:before {
    content: "󰄉"
}

.mdi-camera-wireless:before {
    content: "󰶶"
}

.mdi-camera-wireless-outline:before {
    content: "󰶷"
}

.mdi-campfire:before {
    content: "󰻝"
}

.mdi-cancel:before {
    content: "󰜺"
}

.mdi-candelabra:before {
    content: "󱟒"
}

.mdi-candelabra-fire:before {
    content: "󱟓"
}

.mdi-candle:before {
    content: "󰗢"
}

.mdi-candy:before {
    content: "󱥰"
}

.mdi-candy-off:before {
    content: "󱥱"
}

.mdi-candy-off-outline:before {
    content: "󱥲"
}

.mdi-candy-outline:before {
    content: "󱥳"
}

.mdi-candycane:before {
    content: "󰄊"
}

.mdi-cannabis:before {
    content: "󰞦"
}

.mdi-cannabis-off:before {
    content: "󱙮"
}

.mdi-caps-lock:before {
    content: "󰪛"
}

.mdi-car:before {
    content: "󰄋"
}

.mdi-car-2-plus:before {
    content: "󱀕"
}

.mdi-car-3-plus:before {
    content: "󱀖"
}

.mdi-car-arrow-left:before {
    content: "󱎲"
}

.mdi-car-arrow-right:before {
    content: "󱎳"
}

.mdi-car-back:before {
    content: "󰸛"
}

.mdi-car-battery:before {
    content: "󰄌"
}

.mdi-car-brake-abs:before {
    content: "󰱇"
}

.mdi-car-brake-alert:before {
    content: "󰱈"
}

.mdi-car-brake-fluid-level:before {
    content: "󱤉"
}

.mdi-car-brake-hold:before {
    content: "󰵞"
}

.mdi-car-brake-low-pressure:before {
    content: "󱤊"
}

.mdi-car-brake-parking:before {
    content: "󰵟"
}

.mdi-car-brake-retarder:before {
    content: "󱀗"
}

.mdi-car-brake-temperature:before {
    content: "󱤋"
}

.mdi-car-brake-worn-linings:before {
    content: "󱤌"
}

.mdi-car-child-seat:before {
    content: "󰾣"
}

.mdi-car-clock:before {
    content: "󱥴"
}

.mdi-car-clutch:before {
    content: "󱀘"
}

.mdi-car-cog:before {
    content: "󱏌"
}

.mdi-car-connected:before {
    content: "󰄍"
}

.mdi-car-convertible:before {
    content: "󰞧"
}

.mdi-car-coolant-level:before {
    content: "󱀙"
}

.mdi-car-cruise-control:before {
    content: "󰵠"
}

.mdi-car-defrost-front:before {
    content: "󰵡"
}

.mdi-car-defrost-rear:before {
    content: "󰵢"
}

.mdi-car-door:before {
    content: "󰭫"
}

.mdi-car-door-lock:before {
    content: "󱂝"
}

.mdi-car-electric:before {
    content: "󰭬"
}

.mdi-car-electric-outline:before {
    content: "󱖵"
}

.mdi-car-emergency:before {
    content: "󱘏"
}

.mdi-car-esp:before {
    content: "󰱉"
}

.mdi-car-estate:before {
    content: "󰞨"
}

.mdi-car-hatchback:before {
    content: "󰞩"
}

.mdi-car-info:before {
    content: "󱆾"
}

.mdi-car-key:before {
    content: "󰭭"
}

.mdi-car-lifted-pickup:before {
    content: "󱔭"
}

.mdi-car-light-alert:before {
    content: "󱤍"
}

.mdi-car-light-dimmed:before {
    content: "󰱊"
}

.mdi-car-light-fog:before {
    content: "󰱋"
}

.mdi-car-light-high:before {
    content: "󰱌"
}

.mdi-car-limousine:before {
    content: "󰣍"
}

.mdi-car-multiple:before {
    content: "󰭮"
}

.mdi-car-off:before {
    content: "󰸜"
}

.mdi-car-outline:before {
    content: "󱓭"
}

.mdi-car-parking-lights:before {
    content: "󰵣"
}

.mdi-car-pickup:before {
    content: "󰞪"
}

.mdi-car-search:before {
    content: "󱮍"
}

.mdi-car-search-outline:before {
    content: "󱮎"
}

.mdi-car-seat:before {
    content: "󰾤"
}

.mdi-car-seat-cooler:before {
    content: "󰾥"
}

.mdi-car-seat-heater:before {
    content: "󰾦"
}

.mdi-car-select:before {
    content: "󱡹"
}

.mdi-car-settings:before {
    content: "󱏍"
}

.mdi-car-shift-pattern:before {
    content: "󰽀"
}

.mdi-car-side:before {
    content: "󰞫"
}

.mdi-car-speed-limiter:before {
    content: "󱤎"
}

.mdi-car-sports:before {
    content: "󰞬"
}

.mdi-car-tire-alert:before {
    content: "󰱍"
}

.mdi-car-traction-control:before {
    content: "󰵤"
}

.mdi-car-turbocharger:before {
    content: "󱀚"
}

.mdi-car-wash:before {
    content: "󰄎"
}

.mdi-car-windshield:before {
    content: "󱀛"
}

.mdi-car-windshield-outline:before {
    content: "󱀜"
}

.mdi-car-wireless:before {
    content: "󱡸"
}

.mdi-car-wrench:before {
    content: "󱠔"
}

.mdi-carabiner:before {
    content: "󱓀"
}

.mdi-caravan:before {
    content: "󰞭"
}

.mdi-card:before {
    content: "󰭯"
}

.mdi-card-account-details:before {
    content: "󰗒"
}

.mdi-card-account-details-outline:before {
    content: "󰶫"
}

.mdi-card-account-details-star:before {
    content: "󰊣"
}

.mdi-card-account-details-star-outline:before {
    content: "󰛛"
}

.mdi-card-account-mail:before {
    content: "󰆎"
}

.mdi-card-account-mail-outline:before {
    content: "󰺘"
}

.mdi-card-account-phone:before {
    content: "󰺙"
}

.mdi-card-account-phone-outline:before {
    content: "󰺚"
}

.mdi-card-bulleted:before {
    content: "󰭰"
}

.mdi-card-bulleted-off:before {
    content: "󰭱"
}

.mdi-card-bulleted-off-outline:before {
    content: "󰭲"
}

.mdi-card-bulleted-outline:before {
    content: "󰭳"
}

.mdi-card-bulleted-settings:before {
    content: "󰭴"
}

.mdi-card-bulleted-settings-outline:before {
    content: "󰭵"
}

.mdi-card-minus:before {
    content: "󱘀"
}

.mdi-card-minus-outline:before {
    content: "󱘁"
}

.mdi-card-multiple:before {
    content: "󱟱"
}

.mdi-card-multiple-outline:before {
    content: "󱟲"
}

.mdi-card-off:before {
    content: "󱘂"
}

.mdi-card-off-outline:before {
    content: "󱘃"
}

.mdi-card-outline:before {
    content: "󰭶"
}

.mdi-card-plus:before {
    content: "󱇿"
}

.mdi-card-plus-outline:before {
    content: "󱈀"
}

.mdi-card-remove:before {
    content: "󱘄"
}

.mdi-card-remove-outline:before {
    content: "󱘅"
}

.mdi-card-search:before {
    content: "󱁴"
}

.mdi-card-search-outline:before {
    content: "󱁵"
}

.mdi-card-text:before {
    content: "󰭷"
}

.mdi-card-text-outline:before {
    content: "󰭸"
}

.mdi-cards:before {
    content: "󰘸"
}

.mdi-cards-club:before {
    content: "󰣎"
}

.mdi-cards-club-outline:before {
    content: "󱢟"
}

.mdi-cards-diamond:before {
    content: "󰣏"
}

.mdi-cards-diamond-outline:before {
    content: "󱀝"
}

.mdi-cards-heart:before {
    content: "󰣐"
}

.mdi-cards-heart-outline:before {
    content: "󱢠"
}

.mdi-cards-outline:before {
    content: "󰘹"
}

.mdi-cards-playing:before {
    content: "󱢡"
}

.mdi-cards-playing-club:before {
    content: "󱢢"
}

.mdi-cards-playing-club-multiple:before {
    content: "󱢣"
}

.mdi-cards-playing-club-multiple-outline:before {
    content: "󱢤"
}

.mdi-cards-playing-club-outline:before {
    content: "󱢥"
}

.mdi-cards-playing-diamond:before {
    content: "󱢦"
}

.mdi-cards-playing-diamond-multiple:before {
    content: "󱢧"
}

.mdi-cards-playing-diamond-multiple-outline:before {
    content: "󱢨"
}

.mdi-cards-playing-diamond-outline:before {
    content: "󱢩"
}

.mdi-cards-playing-heart:before {
    content: "󱢪"
}

.mdi-cards-playing-heart-multiple:before {
    content: "󱢫"
}

.mdi-cards-playing-heart-multiple-outline:before {
    content: "󱢬"
}

.mdi-cards-playing-heart-outline:before {
    content: "󱢭"
}

.mdi-cards-playing-outline:before {
    content: "󰘺"
}

.mdi-cards-playing-spade:before {
    content: "󱢮"
}

.mdi-cards-playing-spade-multiple:before {
    content: "󱢯"
}

.mdi-cards-playing-spade-multiple-outline:before {
    content: "󱢰"
}

.mdi-cards-playing-spade-outline:before {
    content: "󱢱"
}

.mdi-cards-spade:before {
    content: "󰣑"
}

.mdi-cards-spade-outline:before {
    content: "󱢲"
}

.mdi-cards-variant:before {
    content: "󰛇"
}

.mdi-carrot:before {
    content: "󰄏"
}

.mdi-cart:before {
    content: "󰄐"
}

.mdi-cart-arrow-down:before {
    content: "󰵦"
}

.mdi-cart-arrow-right:before {
    content: "󰱎"
}

.mdi-cart-arrow-up:before {
    content: "󰵧"
}

.mdi-cart-check:before {
    content: "󱗪"
}

.mdi-cart-heart:before {
    content: "󱣠"
}

.mdi-cart-minus:before {
    content: "󰵨"
}

.mdi-cart-off:before {
    content: "󰙫"
}

.mdi-cart-outline:before {
    content: "󰄑"
}

.mdi-cart-percent:before {
    content: "󱮮"
}

.mdi-cart-plus:before {
    content: "󰄒"
}

.mdi-cart-remove:before {
    content: "󰵩"
}

.mdi-cart-variant:before {
    content: "󱗫"
}

.mdi-case-sensitive-alt:before {
    content: "󰄓"
}

.mdi-cash:before {
    content: "󰄔"
}

.mdi-cash-100:before {
    content: "󰄕"
}

.mdi-cash-check:before {
    content: "󱓮"
}

.mdi-cash-clock:before {
    content: "󱪑"
}

.mdi-cash-fast:before {
    content: "󱡜"
}

.mdi-cash-lock:before {
    content: "󱓪"
}

.mdi-cash-lock-open:before {
    content: "󱓫"
}

.mdi-cash-marker:before {
    content: "󰶸"
}

.mdi-cash-minus:before {
    content: "󱉠"
}

.mdi-cash-multiple:before {
    content: "󰄖"
}

.mdi-cash-off:before {
    content: "󱱹"
}

.mdi-cash-plus:before {
    content: "󱉡"
}

.mdi-cash-refund:before {
    content: "󰪜"
}

.mdi-cash-register:before {
    content: "󰳴"
}

.mdi-cash-remove:before {
    content: "󱉢"
}

.mdi-cash-sync:before {
    content: "󱪒"
}

.mdi-cassette:before {
    content: "󰧔"
}

.mdi-cast:before {
    content: "󰄘"
}

.mdi-cast-audio:before {
    content: "󱀞"
}

.mdi-cast-audio-variant:before {
    content: "󱝉"
}

.mdi-cast-connected:before {
    content: "󰄙"
}

.mdi-cast-education:before {
    content: "󰸝"
}

.mdi-cast-off:before {
    content: "󰞊"
}

.mdi-cast-variant:before {
    content: "󰀟"
}

.mdi-castle:before {
    content: "󰄚"
}

.mdi-cat:before {
    content: "󰄛"
}

.mdi-cctv:before {
    content: "󰞮"
}

.mdi-cctv-off:before {
    content: "󱡟"
}

.mdi-ceiling-fan:before {
    content: "󱞗"
}

.mdi-ceiling-fan-light:before {
    content: "󱞘"
}

.mdi-ceiling-light:before {
    content: "󰝩"
}

.mdi-ceiling-light-multiple:before {
    content: "󱣝"
}

.mdi-ceiling-light-multiple-outline:before {
    content: "󱣞"
}

.mdi-ceiling-light-outline:before {
    content: "󱟇"
}

.mdi-cellphone:before {
    content: "󰄜"
}

.mdi-cellphone-arrow-down:before {
    content: "󰧕"
}

.mdi-cellphone-arrow-down-variant:before {
    content: "󱧅"
}

.mdi-cellphone-basic:before {
    content: "󰄞"
}

.mdi-cellphone-charging:before {
    content: "󱎗"
}

.mdi-cellphone-check:before {
    content: "󱟽"
}

.mdi-cellphone-cog:before {
    content: "󰥑"
}

.mdi-cellphone-dock:before {
    content: "󰄟"
}

.mdi-cellphone-information:before {
    content: "󰽁"
}

.mdi-cellphone-key:before {
    content: "󰥎"
}

.mdi-cellphone-link:before {
    content: "󰄡"
}

.mdi-cellphone-link-off:before {
    content: "󰄢"
}

.mdi-cellphone-lock:before {
    content: "󰥏"
}

.mdi-cellphone-marker:before {
    content: "󱠺"
}

.mdi-cellphone-message:before {
    content: "󰣓"
}

.mdi-cellphone-message-off:before {
    content: "󱃒"
}

.mdi-cellphone-nfc:before {
    content: "󰺐"
}

.mdi-cellphone-nfc-off:before {
    content: "󱋘"
}

.mdi-cellphone-off:before {
    content: "󰥐"
}

.mdi-cellphone-play:before {
    content: "󱀟"
}

.mdi-cellphone-remove:before {
    content: "󰥍"
}

.mdi-cellphone-screenshot:before {
    content: "󰨵"
}

.mdi-cellphone-settings:before {
    content: "󰄣"
}

.mdi-cellphone-sound:before {
    content: "󰥒"
}

.mdi-cellphone-text:before {
    content: "󰣒"
}

.mdi-cellphone-wireless:before {
    content: "󰠕"
}

.mdi-centos:before {
    content: "󱄚"
}

.mdi-certificate:before {
    content: "󰄤"
}

.mdi-certificate-outline:before {
    content: "󱆈"
}

.mdi-chair-rolling:before {
    content: "󰽈"
}

.mdi-chair-school:before {
    content: "󰄥"
}

.mdi-chandelier:before {
    content: "󱞓"
}

.mdi-charity:before {
    content: "󰱏"
}

.mdi-chart-arc:before {
    content: "󰄦"
}

.mdi-chart-areaspline:before {
    content: "󰄧"
}

.mdi-chart-areaspline-variant:before {
    content: "󰺑"
}

.mdi-chart-bar:before {
    content: "󰄨"
}

.mdi-chart-bar-stacked:before {
    content: "󰝪"
}

.mdi-chart-bell-curve:before {
    content: "󰱐"
}

.mdi-chart-bell-curve-cumulative:before {
    content: "󰾧"
}

.mdi-chart-box:before {
    content: "󱕍"
}

.mdi-chart-box-outline:before {
    content: "󱕎"
}

.mdi-chart-box-plus-outline:before {
    content: "󱕏"
}

.mdi-chart-bubble:before {
    content: "󰗣"
}

.mdi-chart-donut:before {
    content: "󰞯"
}

.mdi-chart-donut-variant:before {
    content: "󰞰"
}

.mdi-chart-gantt:before {
    content: "󰙬"
}

.mdi-chart-histogram:before {
    content: "󰄩"
}

.mdi-chart-line:before {
    content: "󰄪"
}

.mdi-chart-line-stacked:before {
    content: "󰝫"
}

.mdi-chart-line-variant:before {
    content: "󰞱"
}

.mdi-chart-multiline:before {
    content: "󰣔"
}

.mdi-chart-multiple:before {
    content: "󱈓"
}

.mdi-chart-pie:before {
    content: "󰄫"
}

.mdi-chart-pie-outline:before {
    content: "󱯟"
}

.mdi-chart-ppf:before {
    content: "󱎀"
}

.mdi-chart-sankey:before {
    content: "󱇟"
}

.mdi-chart-sankey-variant:before {
    content: "󱇠"
}

.mdi-chart-scatter-plot:before {
    content: "󰺒"
}

.mdi-chart-scatter-plot-hexbin:before {
    content: "󰙭"
}

.mdi-chart-timeline:before {
    content: "󰙮"
}

.mdi-chart-timeline-variant:before {
    content: "󰺓"
}

.mdi-chart-timeline-variant-shimmer:before {
    content: "󱖶"
}

.mdi-chart-tree:before {
    content: "󰺔"
}

.mdi-chart-waterfall:before {
    content: "󱤘"
}

.mdi-chat:before {
    content: "󰭹"
}

.mdi-chat-alert:before {
    content: "󰭺"
}

.mdi-chat-alert-outline:before {
    content: "󱋉"
}

.mdi-chat-minus:before {
    content: "󱐐"
}

.mdi-chat-minus-outline:before {
    content: "󱐓"
}

.mdi-chat-outline:before {
    content: "󰻞"
}

.mdi-chat-plus:before {
    content: "󱐏"
}

.mdi-chat-plus-outline:before {
    content: "󱐒"
}

.mdi-chat-processing:before {
    content: "󰭻"
}

.mdi-chat-processing-outline:before {
    content: "󱋊"
}

.mdi-chat-question:before {
    content: "󱜸"
}

.mdi-chat-question-outline:before {
    content: "󱜹"
}

.mdi-chat-remove:before {
    content: "󱐑"
}

.mdi-chat-remove-outline:before {
    content: "󱐔"
}

.mdi-chat-sleep:before {
    content: "󱋑"
}

.mdi-chat-sleep-outline:before {
    content: "󱋒"
}

.mdi-check:before {
    content: "󰄬"
}

.mdi-check-all:before {
    content: "󰄭"
}

.mdi-check-bold:before {
    content: "󰸞"
}

.mdi-check-circle:before {
    content: "󰗠"
}

.mdi-check-circle-outline:before {
    content: "󰗡"
}

.mdi-check-decagram:before {
    content: "󰞑"
}

.mdi-check-decagram-outline:before {
    content: "󱝀"
}

.mdi-check-network:before {
    content: "󰱓"
}

.mdi-check-network-outline:before {
    content: "󰱔"
}

.mdi-check-outline:before {
    content: "󰡕"
}

.mdi-check-underline:before {
    content: "󰸟"
}

.mdi-check-underline-circle:before {
    content: "󰸠"
}

.mdi-check-underline-circle-outline:before {
    content: "󰸡"
}

.mdi-checkbook:before {
    content: "󰪝"
}

.mdi-checkbook-arrow-left:before {
    content: "󱰝"
}

.mdi-checkbook-arrow-right:before {
    content: "󱰞"
}

.mdi-checkbox-blank:before {
    content: "󰄮"
}

.mdi-checkbox-blank-badge:before {
    content: "󱅶"
}

.mdi-checkbox-blank-badge-outline:before {
    content: "󰄗"
}

.mdi-checkbox-blank-circle:before {
    content: "󰄯"
}

.mdi-checkbox-blank-circle-outline:before {
    content: "󰄰"
}

.mdi-checkbox-blank-off:before {
    content: "󱋬"
}

.mdi-checkbox-blank-off-outline:before {
    content: "󱋭"
}

.mdi-checkbox-blank-outline:before {
    content: "󰄱"
}

.mdi-checkbox-intermediate:before {
    content: "󰡖"
}

.mdi-checkbox-intermediate-variant:before {
    content: "󱭔"
}

.mdi-checkbox-marked:before {
    content: "󰄲"
}

.mdi-checkbox-marked-circle:before {
    content: "󰄳"
}

.mdi-checkbox-marked-circle-auto-outline:before {
    content: "󱰦"
}

.mdi-checkbox-marked-circle-minus-outline:before {
    content: "󱰧"
}

.mdi-checkbox-marked-circle-outline:before {
    content: "󰄴"
}

.mdi-checkbox-marked-circle-plus-outline:before {
    content: "󱤧"
}

.mdi-checkbox-marked-outline:before {
    content: "󰄵"
}

.mdi-checkbox-multiple-blank:before {
    content: "󰄶"
}

.mdi-checkbox-multiple-blank-circle:before {
    content: "󰘻"
}

.mdi-checkbox-multiple-blank-circle-outline:before {
    content: "󰘼"
}

.mdi-checkbox-multiple-blank-outline:before {
    content: "󰄷"
}

.mdi-checkbox-multiple-marked:before {
    content: "󰄸"
}

.mdi-checkbox-multiple-marked-circle:before {
    content: "󰘽"
}

.mdi-checkbox-multiple-marked-circle-outline:before {
    content: "󰘾"
}

.mdi-checkbox-multiple-marked-outline:before {
    content: "󰄹"
}

.mdi-checkbox-multiple-outline:before {
    content: "󰱑"
}

.mdi-checkbox-outline:before {
    content: "󰱒"
}

.mdi-checkerboard:before {
    content: "󰄺"
}

.mdi-checkerboard-minus:before {
    content: "󱈂"
}

.mdi-checkerboard-plus:before {
    content: "󱈁"
}

.mdi-checkerboard-remove:before {
    content: "󱈃"
}

.mdi-cheese:before {
    content: "󱊹"
}

.mdi-cheese-off:before {
    content: "󱏮"
}

.mdi-chef-hat:before {
    content: "󰭼"
}

.mdi-chemical-weapon:before {
    content: "󰄻"
}

.mdi-chess-bishop:before {
    content: "󰡜"
}

.mdi-chess-king:before {
    content: "󰡗"
}

.mdi-chess-knight:before {
    content: "󰡘"
}

.mdi-chess-pawn:before {
    content: "󰡙"
}

.mdi-chess-queen:before {
    content: "󰡚"
}

.mdi-chess-rook:before {
    content: "󰡛"
}

.mdi-chevron-double-down:before {
    content: "󰄼"
}

.mdi-chevron-double-left:before {
    content: "󰄽"
}

.mdi-chevron-double-right:before {
    content: "󰄾"
}

.mdi-chevron-double-up:before {
    content: "󰄿"
}

.mdi-chevron-down:before {
    content: "󰅀"
}

.mdi-chevron-down-box:before {
    content: "󰧖"
}

.mdi-chevron-down-box-outline:before {
    content: "󰧗"
}

.mdi-chevron-down-circle:before {
    content: "󰬦"
}

.mdi-chevron-down-circle-outline:before {
    content: "󰬧"
}

.mdi-chevron-left:before {
    content: "󰅁"
}

.mdi-chevron-left-box:before {
    content: "󰧘"
}

.mdi-chevron-left-box-outline:before {
    content: "󰧙"
}

.mdi-chevron-left-circle:before {
    content: "󰬨"
}

.mdi-chevron-left-circle-outline:before {
    content: "󰬩"
}

.mdi-chevron-right:before {
    content: "󰅂"
}

.mdi-chevron-right-box:before {
    content: "󰧚"
}

.mdi-chevron-right-box-outline:before {
    content: "󰧛"
}

.mdi-chevron-right-circle:before {
    content: "󰬪"
}

.mdi-chevron-right-circle-outline:before {
    content: "󰬫"
}

.mdi-chevron-triple-down:before {
    content: "󰶹"
}

.mdi-chevron-triple-left:before {
    content: "󰶺"
}

.mdi-chevron-triple-right:before {
    content: "󰶻"
}

.mdi-chevron-triple-up:before {
    content: "󰶼"
}

.mdi-chevron-up:before {
    content: "󰅃"
}

.mdi-chevron-up-box:before {
    content: "󰧜"
}

.mdi-chevron-up-box-outline:before {
    content: "󰧝"
}

.mdi-chevron-up-circle:before {
    content: "󰬬"
}

.mdi-chevron-up-circle-outline:before {
    content: "󰬭"
}

.mdi-chili-alert:before {
    content: "󱟪"
}

.mdi-chili-alert-outline:before {
    content: "󱟫"
}

.mdi-chili-hot:before {
    content: "󰞲"
}

.mdi-chili-hot-outline:before {
    content: "󱟬"
}

.mdi-chili-medium:before {
    content: "󰞳"
}

.mdi-chili-medium-outline:before {
    content: "󱟭"
}

.mdi-chili-mild:before {
    content: "󰞴"
}

.mdi-chili-mild-outline:before {
    content: "󱟮"
}

.mdi-chili-off:before {
    content: "󱑧"
}

.mdi-chili-off-outline:before {
    content: "󱟯"
}

.mdi-chip:before {
    content: "󰘚"
}

.mdi-church:before {
    content: "󰅄"
}

.mdi-church-outline:before {
    content: "󱬂"
}

.mdi-cigar:before {
    content: "󱆉"
}

.mdi-cigar-off:before {
    content: "󱐛"
}

.mdi-circle:before {
    content: "󰝥"
}

.mdi-circle-box:before {
    content: "󱗜"
}

.mdi-circle-box-outline:before {
    content: "󱗝"
}

.mdi-circle-double:before {
    content: "󰺕"
}

.mdi-circle-edit-outline:before {
    content: "󰣕"
}

.mdi-circle-expand:before {
    content: "󰺖"
}

.mdi-circle-half:before {
    content: "󱎕"
}

.mdi-circle-half-full:before {
    content: "󱎖"
}

.mdi-circle-medium:before {
    content: "󰧞"
}

.mdi-circle-multiple:before {
    content: "󰬸"
}

.mdi-circle-multiple-outline:before {
    content: "󰚕"
}

.mdi-circle-off-outline:before {
    content: "󱃓"
}

.mdi-circle-opacity:before {
    content: "󱡓"
}

.mdi-circle-outline:before {
    content: "󰝦"
}

.mdi-circle-slice-1:before {
    content: "󰪞"
}

.mdi-circle-slice-2:before {
    content: "󰪟"
}

.mdi-circle-slice-3:before {
    content: "󰪠"
}

.mdi-circle-slice-4:before {
    content: "󰪡"
}

.mdi-circle-slice-5:before {
    content: "󰪢"
}

.mdi-circle-slice-6:before {
    content: "󰪣"
}

.mdi-circle-slice-7:before {
    content: "󰪤"
}

.mdi-circle-slice-8:before {
    content: "󰪥"
}

.mdi-circle-small:before {
    content: "󰧟"
}

.mdi-circular-saw:before {
    content: "󰸢"
}

.mdi-city:before {
    content: "󰅆"
}

.mdi-city-switch:before {
    content: "󱰨"
}

.mdi-city-variant:before {
    content: "󰨶"
}

.mdi-city-variant-outline:before {
    content: "󰨷"
}

.mdi-clipboard:before {
    content: "󰅇"
}

.mdi-clipboard-account:before {
    content: "󰅈"
}

.mdi-clipboard-account-outline:before {
    content: "󰱕"
}

.mdi-clipboard-alert:before {
    content: "󰅉"
}

.mdi-clipboard-alert-outline:before {
    content: "󰳷"
}

.mdi-clipboard-arrow-down:before {
    content: "󰅊"
}

.mdi-clipboard-arrow-down-outline:before {
    content: "󰱖"
}

.mdi-clipboard-arrow-left:before {
    content: "󰅋"
}

.mdi-clipboard-arrow-left-outline:before {
    content: "󰳸"
}

.mdi-clipboard-arrow-right:before {
    content: "󰳹"
}

.mdi-clipboard-arrow-right-outline:before {
    content: "󰳺"
}

.mdi-clipboard-arrow-up:before {
    content: "󰱗"
}

.mdi-clipboard-arrow-up-outline:before {
    content: "󰱘"
}

.mdi-clipboard-check:before {
    content: "󰅎"
}

.mdi-clipboard-check-multiple:before {
    content: "󱉣"
}

.mdi-clipboard-check-multiple-outline:before {
    content: "󱉤"
}

.mdi-clipboard-check-outline:before {
    content: "󰢨"
}

.mdi-clipboard-clock:before {
    content: "󱛢"
}

.mdi-clipboard-clock-outline:before {
    content: "󱛣"
}

.mdi-clipboard-edit:before {
    content: "󱓥"
}

.mdi-clipboard-edit-outline:before {
    content: "󱓦"
}

.mdi-clipboard-file:before {
    content: "󱉥"
}

.mdi-clipboard-file-outline:before {
    content: "󱉦"
}

.mdi-clipboard-flow:before {
    content: "󰛈"
}

.mdi-clipboard-flow-outline:before {
    content: "󱄗"
}

.mdi-clipboard-list:before {
    content: "󱃔"
}

.mdi-clipboard-list-outline:before {
    content: "󱃕"
}

.mdi-clipboard-minus:before {
    content: "󱘘"
}

.mdi-clipboard-minus-outline:before {
    content: "󱘙"
}

.mdi-clipboard-multiple:before {
    content: "󱉧"
}

.mdi-clipboard-multiple-outline:before {
    content: "󱉨"
}

.mdi-clipboard-off:before {
    content: "󱘚"
}

.mdi-clipboard-off-outline:before {
    content: "󱘛"
}

.mdi-clipboard-outline:before {
    content: "󰅌"
}

.mdi-clipboard-play:before {
    content: "󰱙"
}

.mdi-clipboard-play-multiple:before {
    content: "󱉩"
}

.mdi-clipboard-play-multiple-outline:before {
    content: "󱉪"
}

.mdi-clipboard-play-outline:before {
    content: "󰱚"
}

.mdi-clipboard-plus:before {
    content: "󰝑"
}

.mdi-clipboard-plus-outline:before {
    content: "󱌟"
}

.mdi-clipboard-pulse:before {
    content: "󰡝"
}

.mdi-clipboard-pulse-outline:before {
    content: "󰡞"
}

.mdi-clipboard-remove:before {
    content: "󱘜"
}

.mdi-clipboard-remove-outline:before {
    content: "󱘝"
}

.mdi-clipboard-search:before {
    content: "󱘞"
}

.mdi-clipboard-search-outline:before {
    content: "󱘟"
}

.mdi-clipboard-text:before {
    content: "󰅍"
}

.mdi-clipboard-text-clock:before {
    content: "󱣹"
}

.mdi-clipboard-text-clock-outline:before {
    content: "󱣺"
}

.mdi-clipboard-text-multiple:before {
    content: "󱉫"
}

.mdi-clipboard-text-multiple-outline:before {
    content: "󱉬"
}

.mdi-clipboard-text-off:before {
    content: "󱘠"
}

.mdi-clipboard-text-off-outline:before {
    content: "󱘡"
}

.mdi-clipboard-text-outline:before {
    content: "󰨸"
}

.mdi-clipboard-text-play:before {
    content: "󰱛"
}

.mdi-clipboard-text-play-outline:before {
    content: "󰱜"
}

.mdi-clipboard-text-search:before {
    content: "󱘢"
}

.mdi-clipboard-text-search-outline:before {
    content: "󱘣"
}

.mdi-clippy:before {
    content: "󰅏"
}

.mdi-clock:before {
    content: "󰥔"
}

.mdi-clock-alert:before {
    content: "󰥕"
}

.mdi-clock-alert-outline:before {
    content: "󰗎"
}

.mdi-clock-check:before {
    content: "󰾨"
}

.mdi-clock-check-outline:before {
    content: "󰾩"
}

.mdi-clock-digital:before {
    content: "󰺗"
}

.mdi-clock-edit:before {
    content: "󱦺"
}

.mdi-clock-edit-outline:before {
    content: "󱦻"
}

.mdi-clock-end:before {
    content: "󰅑"
}

.mdi-clock-fast:before {
    content: "󰅒"
}

.mdi-clock-in:before {
    content: "󰅓"
}

.mdi-clock-minus:before {
    content: "󱡣"
}

.mdi-clock-minus-outline:before {
    content: "󱡤"
}

.mdi-clock-out:before {
    content: "󰅔"
}

.mdi-clock-outline:before {
    content: "󰅐"
}

.mdi-clock-plus:before {
    content: "󱡡"
}

.mdi-clock-plus-outline:before {
    content: "󱡢"
}

.mdi-clock-remove:before {
    content: "󱡥"
}

.mdi-clock-remove-outline:before {
    content: "󱡦"
}

.mdi-clock-star-four-points:before {
    content: "󱰩"
}

.mdi-clock-star-four-points-outline:before {
    content: "󱰪"
}

.mdi-clock-start:before {
    content: "󰅕"
}

.mdi-clock-time-eight:before {
    content: "󱑆"
}

.mdi-clock-time-eight-outline:before {
    content: "󱑒"
}

.mdi-clock-time-eleven:before {
    content: "󱑉"
}

.mdi-clock-time-eleven-outline:before {
    content: "󱑕"
}

.mdi-clock-time-five:before {
    content: "󱑃"
}

.mdi-clock-time-five-outline:before {
    content: "󱑏"
}

.mdi-clock-time-four:before {
    content: "󱑂"
}

.mdi-clock-time-four-outline:before {
    content: "󱑎"
}

.mdi-clock-time-nine:before {
    content: "󱑇"
}

.mdi-clock-time-nine-outline:before {
    content: "󱑓"
}

.mdi-clock-time-one:before {
    content: "󱐿"
}

.mdi-clock-time-one-outline:before {
    content: "󱑋"
}

.mdi-clock-time-seven:before {
    content: "󱑅"
}

.mdi-clock-time-seven-outline:before {
    content: "󱑑"
}

.mdi-clock-time-six:before {
    content: "󱑄"
}

.mdi-clock-time-six-outline:before {
    content: "󱑐"
}

.mdi-clock-time-ten:before {
    content: "󱑈"
}

.mdi-clock-time-ten-outline:before {
    content: "󱑔"
}

.mdi-clock-time-three:before {
    content: "󱑁"
}

.mdi-clock-time-three-outline:before {
    content: "󱑍"
}

.mdi-clock-time-twelve:before {
    content: "󱑊"
}

.mdi-clock-time-twelve-outline:before {
    content: "󱑖"
}

.mdi-clock-time-two:before {
    content: "󱑀"
}

.mdi-clock-time-two-outline:before {
    content: "󱑌"
}

.mdi-close:before {
    content: "󰅖"
}

.mdi-close-box:before {
    content: "󰅗"
}

.mdi-close-box-multiple:before {
    content: "󰱝"
}

.mdi-close-box-multiple-outline:before {
    content: "󰱞"
}

.mdi-close-box-outline:before {
    content: "󰅘"
}

.mdi-close-circle:before {
    content: "󰅙"
}

.mdi-close-circle-multiple:before {
    content: "󰘪"
}

.mdi-close-circle-multiple-outline:before {
    content: "󰢃"
}

.mdi-close-circle-outline:before {
    content: "󰅚"
}

.mdi-close-network:before {
    content: "󰅛"
}

.mdi-close-network-outline:before {
    content: "󰱟"
}

.mdi-close-octagon:before {
    content: "󰅜"
}

.mdi-close-octagon-outline:before {
    content: "󰅝"
}

.mdi-close-outline:before {
    content: "󰛉"
}

.mdi-close-thick:before {
    content: "󱎘"
}

.mdi-closed-caption:before {
    content: "󰅞"
}

.mdi-closed-caption-outline:before {
    content: "󰶽"
}

.mdi-cloud:before {
    content: "󰅟"
}

.mdi-cloud-alert:before {
    content: "󰧠"
}

.mdi-cloud-alert-outline:before {
    content: "󱯠"
}

.mdi-cloud-arrow-down:before {
    content: "󱯡"
}

.mdi-cloud-arrow-down-outline:before {
    content: "󱯢"
}

.mdi-cloud-arrow-left:before {
    content: "󱯣"
}

.mdi-cloud-arrow-left-outline:before {
    content: "󱯤"
}

.mdi-cloud-arrow-right:before {
    content: "󱯥"
}

.mdi-cloud-arrow-right-outline:before {
    content: "󱯦"
}

.mdi-cloud-arrow-up:before {
    content: "󱯧"
}

.mdi-cloud-arrow-up-outline:before {
    content: "󱯨"
}

.mdi-cloud-braces:before {
    content: "󰞵"
}

.mdi-cloud-cancel:before {
    content: "󱯩"
}

.mdi-cloud-cancel-outline:before {
    content: "󱯪"
}

.mdi-cloud-check:before {
    content: "󱯫"
}

.mdi-cloud-check-outline:before {
    content: "󱯬"
}

.mdi-cloud-check-variant:before {
    content: "󰅠"
}

.mdi-cloud-check-variant-outline:before {
    content: "󱋌"
}

.mdi-cloud-circle:before {
    content: "󰅡"
}

.mdi-cloud-circle-outline:before {
    content: "󱯭"
}

.mdi-cloud-clock:before {
    content: "󱯮"
}

.mdi-cloud-clock-outline:before {
    content: "󱯯"
}

.mdi-cloud-cog:before {
    content: "󱯰"
}

.mdi-cloud-cog-outline:before {
    content: "󱯱"
}

.mdi-cloud-download:before {
    content: "󰅢"
}

.mdi-cloud-download-outline:before {
    content: "󰭽"
}

.mdi-cloud-lock:before {
    content: "󱇱"
}

.mdi-cloud-lock-open:before {
    content: "󱯲"
}

.mdi-cloud-lock-open-outline:before {
    content: "󱯳"
}

.mdi-cloud-lock-outline:before {
    content: "󱇲"
}

.mdi-cloud-minus:before {
    content: "󱯴"
}

.mdi-cloud-minus-outline:before {
    content: "󱯵"
}

.mdi-cloud-off:before {
    content: "󱯶"
}

.mdi-cloud-off-outline:before {
    content: "󰅤"
}

.mdi-cloud-outline:before {
    content: "󰅣"
}

.mdi-cloud-percent:before {
    content: "󱨵"
}

.mdi-cloud-percent-outline:before {
    content: "󱨶"
}

.mdi-cloud-plus:before {
    content: "󱯷"
}

.mdi-cloud-plus-outline:before {
    content: "󱯸"
}

.mdi-cloud-print:before {
    content: "󰅥"
}

.mdi-cloud-print-outline:before {
    content: "󰅦"
}

.mdi-cloud-question:before {
    content: "󰨹"
}

.mdi-cloud-question-outline:before {
    content: "󱯹"
}

.mdi-cloud-refresh:before {
    content: "󱯺"
}

.mdi-cloud-refresh-outline:before {
    content: "󱯻"
}

.mdi-cloud-refresh-variant:before {
    content: "󰔪"
}

.mdi-cloud-refresh-variant-outline:before {
    content: "󱯼"
}

.mdi-cloud-remove:before {
    content: "󱯽"
}

.mdi-cloud-remove-outline:before {
    content: "󱯾"
}

.mdi-cloud-search:before {
    content: "󰥖"
}

.mdi-cloud-search-outline:before {
    content: "󰥗"
}

.mdi-cloud-sync:before {
    content: "󰘿"
}

.mdi-cloud-sync-outline:before {
    content: "󱋖"
}

.mdi-cloud-tags:before {
    content: "󰞶"
}

.mdi-cloud-upload:before {
    content: "󰅧"
}

.mdi-cloud-upload-outline:before {
    content: "󰭾"
}

.mdi-clouds:before {
    content: "󱮕"
}

.mdi-clover:before {
    content: "󰠖"
}

.mdi-clover-outline:before {
    content: "󱱢"
}

.mdi-coach-lamp:before {
    content: "󱀠"
}

.mdi-coach-lamp-variant:before {
    content: "󱨷"
}

.mdi-coat-rack:before {
    content: "󱂞"
}

.mdi-code-array:before {
    content: "󰅨"
}

.mdi-code-braces:before {
    content: "󰅩"
}

.mdi-code-braces-box:before {
    content: "󱃖"
}

.mdi-code-brackets:before {
    content: "󰅪"
}

.mdi-code-equal:before {
    content: "󰅫"
}

.mdi-code-greater-than:before {
    content: "󰅬"
}

.mdi-code-greater-than-or-equal:before {
    content: "󰅭"
}

.mdi-code-json:before {
    content: "󰘦"
}

.mdi-code-less-than:before {
    content: "󰅮"
}

.mdi-code-less-than-or-equal:before {
    content: "󰅯"
}

.mdi-code-not-equal:before {
    content: "󰅰"
}

.mdi-code-not-equal-variant:before {
    content: "󰅱"
}

.mdi-code-parentheses:before {
    content: "󰅲"
}

.mdi-code-parentheses-box:before {
    content: "󱃗"
}

.mdi-code-string:before {
    content: "󰅳"
}

.mdi-code-tags:before {
    content: "󰅴"
}

.mdi-code-tags-check:before {
    content: "󰚔"
}

.mdi-codepen:before {
    content: "󰅵"
}

.mdi-coffee:before {
    content: "󰅶"
}

.mdi-coffee-maker:before {
    content: "󱂟"
}

.mdi-coffee-maker-check:before {
    content: "󱤱"
}

.mdi-coffee-maker-check-outline:before {
    content: "󱤲"
}

.mdi-coffee-maker-outline:before {
    content: "󱠛"
}

.mdi-coffee-off:before {
    content: "󰾪"
}

.mdi-coffee-off-outline:before {
    content: "󰾫"
}

.mdi-coffee-outline:before {
    content: "󰛊"
}

.mdi-coffee-to-go:before {
    content: "󰅷"
}

.mdi-coffee-to-go-outline:before {
    content: "󱌎"
}

.mdi-coffin:before {
    content: "󰭿"
}

.mdi-cog:before {
    content: "󰒓"
}

.mdi-cog-box:before {
    content: "󰒔"
}

.mdi-cog-clockwise:before {
    content: "󱇝"
}

.mdi-cog-counterclockwise:before {
    content: "󱇞"
}

.mdi-cog-off:before {
    content: "󱏎"
}

.mdi-cog-off-outline:before {
    content: "󱏏"
}

.mdi-cog-outline:before {
    content: "󰢻"
}

.mdi-cog-pause:before {
    content: "󱤳"
}

.mdi-cog-pause-outline:before {
    content: "󱤴"
}

.mdi-cog-play:before {
    content: "󱤵"
}

.mdi-cog-play-outline:before {
    content: "󱤶"
}

.mdi-cog-refresh:before {
    content: "󱑞"
}

.mdi-cog-refresh-outline:before {
    content: "󱑟"
}

.mdi-cog-stop:before {
    content: "󱤷"
}

.mdi-cog-stop-outline:before {
    content: "󱤸"
}

.mdi-cog-sync:before {
    content: "󱑠"
}

.mdi-cog-sync-outline:before {
    content: "󱑡"
}

.mdi-cog-transfer:before {
    content: "󱁛"
}

.mdi-cog-transfer-outline:before {
    content: "󱁜"
}

.mdi-cogs:before {
    content: "󰣖"
}

.mdi-collage:before {
    content: "󰙀"
}

.mdi-collapse-all:before {
    content: "󰪦"
}

.mdi-collapse-all-outline:before {
    content: "󰪧"
}

.mdi-color-helper:before {
    content: "󰅹"
}

.mdi-comma:before {
    content: "󰸣"
}

.mdi-comma-box:before {
    content: "󰸫"
}

.mdi-comma-box-outline:before {
    content: "󰸤"
}

.mdi-comma-circle:before {
    content: "󰸥"
}

.mdi-comma-circle-outline:before {
    content: "󰸦"
}

.mdi-comment:before {
    content: "󰅺"
}

.mdi-comment-account:before {
    content: "󰅻"
}

.mdi-comment-account-outline:before {
    content: "󰅼"
}

.mdi-comment-alert:before {
    content: "󰅽"
}

.mdi-comment-alert-outline:before {
    content: "󰅾"
}

.mdi-comment-arrow-left:before {
    content: "󰧡"
}

.mdi-comment-arrow-left-outline:before {
    content: "󰧢"
}

.mdi-comment-arrow-right:before {
    content: "󰧣"
}

.mdi-comment-arrow-right-outline:before {
    content: "󰧤"
}

.mdi-comment-bookmark:before {
    content: "󱖮"
}

.mdi-comment-bookmark-outline:before {
    content: "󱖯"
}

.mdi-comment-check:before {
    content: "󰅿"
}

.mdi-comment-check-outline:before {
    content: "󰆀"
}

.mdi-comment-edit:before {
    content: "󱆿"
}

.mdi-comment-edit-outline:before {
    content: "󱋄"
}

.mdi-comment-eye:before {
    content: "󰨺"
}

.mdi-comment-eye-outline:before {
    content: "󰨻"
}

.mdi-comment-flash:before {
    content: "󱖰"
}

.mdi-comment-flash-outline:before {
    content: "󱖱"
}

.mdi-comment-minus:before {
    content: "󱗟"
}

.mdi-comment-minus-outline:before {
    content: "󱗠"
}

.mdi-comment-multiple:before {
    content: "󰡟"
}

.mdi-comment-multiple-outline:before {
    content: "󰆁"
}

.mdi-comment-off:before {
    content: "󱗡"
}

.mdi-comment-off-outline:before {
    content: "󱗢"
}

.mdi-comment-outline:before {
    content: "󰆂"
}

.mdi-comment-plus:before {
    content: "󰧥"
}

.mdi-comment-plus-outline:before {
    content: "󰆃"
}

.mdi-comment-processing:before {
    content: "󰆄"
}

.mdi-comment-processing-outline:before {
    content: "󰆅"
}

.mdi-comment-question:before {
    content: "󰠗"
}

.mdi-comment-question-outline:before {
    content: "󰆆"
}

.mdi-comment-quote:before {
    content: "󱀡"
}

.mdi-comment-quote-outline:before {
    content: "󱀢"
}

.mdi-comment-remove:before {
    content: "󰗞"
}

.mdi-comment-remove-outline:before {
    content: "󰆇"
}

.mdi-comment-search:before {
    content: "󰨼"
}

.mdi-comment-search-outline:before {
    content: "󰨽"
}

.mdi-comment-text:before {
    content: "󰆈"
}

.mdi-comment-text-multiple:before {
    content: "󰡠"
}

.mdi-comment-text-multiple-outline:before {
    content: "󰡡"
}

.mdi-comment-text-outline:before {
    content: "󰆉"
}

.mdi-compare:before {
    content: "󰆊"
}

.mdi-compare-horizontal:before {
    content: "󱒒"
}

.mdi-compare-remove:before {
    content: "󱢳"
}

.mdi-compare-vertical:before {
    content: "󱒓"
}

.mdi-compass:before {
    content: "󰆋"
}

.mdi-compass-off:before {
    content: "󰮀"
}

.mdi-compass-off-outline:before {
    content: "󰮁"
}

.mdi-compass-outline:before {
    content: "󰆌"
}

.mdi-compass-rose:before {
    content: "󱎂"
}

.mdi-compost:before {
    content: "󱨸"
}

.mdi-cone:before {
    content: "󱥌"
}

.mdi-cone-off:before {
    content: "󱥍"
}

.mdi-connection:before {
    content: "󱘖"
}

.mdi-console:before {
    content: "󰆍"
}

.mdi-console-line:before {
    content: "󰞷"
}

.mdi-console-network:before {
    content: "󰢩"
}

.mdi-console-network-outline:before {
    content: "󰱠"
}

.mdi-consolidate:before {
    content: "󱃘"
}

.mdi-contactless-payment:before {
    content: "󰵪"
}

.mdi-contactless-payment-circle:before {
    content: "󰌡"
}

.mdi-contactless-payment-circle-outline:before {
    content: "󰐈"
}

.mdi-contacts:before {
    content: "󰛋"
}

.mdi-contacts-outline:before {
    content: "󰖸"
}

.mdi-contain:before {
    content: "󰨾"
}

.mdi-contain-end:before {
    content: "󰨿"
}

.mdi-contain-start:before {
    content: "󰩀"
}

.mdi-content-copy:before {
    content: "󰆏"
}

.mdi-content-cut:before {
    content: "󰆐"
}

.mdi-content-duplicate:before {
    content: "󰆑"
}

.mdi-content-paste:before {
    content: "󰆒"
}

.mdi-content-save:before {
    content: "󰆓"
}

.mdi-content-save-alert:before {
    content: "󰽂"
}

.mdi-content-save-alert-outline:before {
    content: "󰽃"
}

.mdi-content-save-all:before {
    content: "󰆔"
}

.mdi-content-save-all-outline:before {
    content: "󰽄"
}

.mdi-content-save-check:before {
    content: "󱣪"
}

.mdi-content-save-check-outline:before {
    content: "󱣫"
}

.mdi-content-save-cog:before {
    content: "󱑛"
}

.mdi-content-save-cog-outline:before {
    content: "󱑜"
}

.mdi-content-save-edit:before {
    content: "󰳻"
}

.mdi-content-save-edit-outline:before {
    content: "󰳼"
}

.mdi-content-save-minus:before {
    content: "󱭃"
}

.mdi-content-save-minus-outline:before {
    content: "󱭄"
}

.mdi-content-save-move:before {
    content: "󰸧"
}

.mdi-content-save-move-outline:before {
    content: "󰸨"
}

.mdi-content-save-off:before {
    content: "󱙃"
}

.mdi-content-save-off-outline:before {
    content: "󱙄"
}

.mdi-content-save-outline:before {
    content: "󰠘"
}

.mdi-content-save-plus:before {
    content: "󱭁"
}

.mdi-content-save-plus-outline:before {
    content: "󱭂"
}

.mdi-content-save-settings:before {
    content: "󰘛"
}

.mdi-content-save-settings-outline:before {
    content: "󰬮"
}

.mdi-contrast:before {
    content: "󰆕"
}

.mdi-contrast-box:before {
    content: "󰆖"
}

.mdi-contrast-circle:before {
    content: "󰆗"
}

.mdi-controller:before {
    content: "󰊴"
}

.mdi-controller-classic:before {
    content: "󰮂"
}

.mdi-controller-classic-outline:before {
    content: "󰮃"
}

.mdi-controller-off:before {
    content: "󰊵"
}

.mdi-cookie:before {
    content: "󰆘"
}

.mdi-cookie-alert:before {
    content: "󱛐"
}

.mdi-cookie-alert-outline:before {
    content: "󱛑"
}

.mdi-cookie-check:before {
    content: "󱛒"
}

.mdi-cookie-check-outline:before {
    content: "󱛓"
}

.mdi-cookie-clock:before {
    content: "󱛤"
}

.mdi-cookie-clock-outline:before {
    content: "󱛥"
}

.mdi-cookie-cog:before {
    content: "󱛔"
}

.mdi-cookie-cog-outline:before {
    content: "󱛕"
}

.mdi-cookie-edit:before {
    content: "󱛦"
}

.mdi-cookie-edit-outline:before {
    content: "󱛧"
}

.mdi-cookie-lock:before {
    content: "󱛨"
}

.mdi-cookie-lock-outline:before {
    content: "󱛩"
}

.mdi-cookie-minus:before {
    content: "󱛚"
}

.mdi-cookie-minus-outline:before {
    content: "󱛛"
}

.mdi-cookie-off:before {
    content: "󱛪"
}

.mdi-cookie-off-outline:before {
    content: "󱛫"
}

.mdi-cookie-outline:before {
    content: "󱛞"
}

.mdi-cookie-plus:before {
    content: "󱛖"
}

.mdi-cookie-plus-outline:before {
    content: "󱛗"
}

.mdi-cookie-refresh:before {
    content: "󱛬"
}

.mdi-cookie-refresh-outline:before {
    content: "󱛭"
}

.mdi-cookie-remove:before {
    content: "󱛘"
}

.mdi-cookie-remove-outline:before {
    content: "󱛙"
}

.mdi-cookie-settings:before {
    content: "󱛜"
}

.mdi-cookie-settings-outline:before {
    content: "󱛝"
}

.mdi-coolant-temperature:before {
    content: "󰏈"
}

.mdi-copyleft:before {
    content: "󱤹"
}

.mdi-copyright:before {
    content: "󰗦"
}

.mdi-cordova:before {
    content: "󰥘"
}

.mdi-corn:before {
    content: "󰞸"
}

.mdi-corn-off:before {
    content: "󱏯"
}

.mdi-cosine-wave:before {
    content: "󱑹"
}

.mdi-counter:before {
    content: "󰆙"
}

.mdi-countertop:before {
    content: "󱠜"
}

.mdi-countertop-outline:before {
    content: "󱠝"
}

.mdi-cow:before {
    content: "󰆚"
}

.mdi-cow-off:before {
    content: "󱣼"
}

.mdi-cpu-32-bit:before {
    content: "󰻟"
}

.mdi-cpu-64-bit:before {
    content: "󰻠"
}

.mdi-cradle:before {
    content: "󱦋"
}

.mdi-cradle-outline:before {
    content: "󱦑"
}

.mdi-crane:before {
    content: "󰡢"
}

.mdi-creation:before {
    content: "󰙴"
}

.mdi-creation-outline:before {
    content: "󱰫"
}

.mdi-creative-commons:before {
    content: "󰵫"
}

.mdi-credit-card:before {
    content: "󰿯"
}

.mdi-credit-card-check:before {
    content: "󱏐"
}

.mdi-credit-card-check-outline:before {
    content: "󱏑"
}

.mdi-credit-card-chip:before {
    content: "󱤏"
}

.mdi-credit-card-chip-outline:before {
    content: "󱤐"
}

.mdi-credit-card-clock:before {
    content: "󰻡"
}

.mdi-credit-card-clock-outline:before {
    content: "󰻢"
}

.mdi-credit-card-edit:before {
    content: "󱟗"
}

.mdi-credit-card-edit-outline:before {
    content: "󱟘"
}

.mdi-credit-card-fast:before {
    content: "󱤑"
}

.mdi-credit-card-fast-outline:before {
    content: "󱤒"
}

.mdi-credit-card-lock:before {
    content: "󱣧"
}

.mdi-credit-card-lock-outline:before {
    content: "󱣨"
}

.mdi-credit-card-marker:before {
    content: "󰚨"
}

.mdi-credit-card-marker-outline:before {
    content: "󰶾"
}

.mdi-credit-card-minus:before {
    content: "󰾬"
}

.mdi-credit-card-minus-outline:before {
    content: "󰾭"
}

.mdi-credit-card-multiple:before {
    content: "󰿰"
}

.mdi-credit-card-multiple-outline:before {
    content: "󰆜"
}

.mdi-credit-card-off:before {
    content: "󰿱"
}

.mdi-credit-card-off-outline:before {
    content: "󰗤"
}

.mdi-credit-card-outline:before {
    content: "󰆛"
}

.mdi-credit-card-plus:before {
    content: "󰿲"
}

.mdi-credit-card-plus-outline:before {
    content: "󰙶"
}

.mdi-credit-card-refresh:before {
    content: "󱙅"
}

.mdi-credit-card-refresh-outline:before {
    content: "󱙆"
}

.mdi-credit-card-refund:before {
    content: "󰿳"
}

.mdi-credit-card-refund-outline:before {
    content: "󰪨"
}

.mdi-credit-card-remove:before {
    content: "󰾮"
}

.mdi-credit-card-remove-outline:before {
    content: "󰾯"
}

.mdi-credit-card-scan:before {
    content: "󰿴"
}

.mdi-credit-card-scan-outline:before {
    content: "󰆝"
}

.mdi-credit-card-search:before {
    content: "󱙇"
}

.mdi-credit-card-search-outline:before {
    content: "󱙈"
}

.mdi-credit-card-settings:before {
    content: "󰿵"
}

.mdi-credit-card-settings-outline:before {
    content: "󰣗"
}

.mdi-credit-card-sync:before {
    content: "󱙉"
}

.mdi-credit-card-sync-outline:before {
    content: "󱙊"
}

.mdi-credit-card-wireless:before {
    content: "󰠂"
}

.mdi-credit-card-wireless-off:before {
    content: "󰕺"
}

.mdi-credit-card-wireless-off-outline:before {
    content: "󰕻"
}

.mdi-credit-card-wireless-outline:before {
    content: "󰵬"
}

.mdi-cricket:before {
    content: "󰵭"
}

.mdi-crop:before {
    content: "󰆞"
}

.mdi-crop-free:before {
    content: "󰆟"
}

.mdi-crop-landscape:before {
    content: "󰆠"
}

.mdi-crop-portrait:before {
    content: "󰆡"
}

.mdi-crop-rotate:before {
    content: "󰚖"
}

.mdi-crop-square:before {
    content: "󰆢"
}

.mdi-cross:before {
    content: "󰥓"
}

.mdi-cross-bolnisi:before {
    content: "󰳭"
}

.mdi-cross-celtic:before {
    content: "󰳵"
}

.mdi-cross-outline:before {
    content: "󰳶"
}

.mdi-crosshairs:before {
    content: "󰆣"
}

.mdi-crosshairs-gps:before {
    content: "󰆤"
}

.mdi-crosshairs-off:before {
    content: "󰽅"
}

.mdi-crosshairs-question:before {
    content: "󱄶"
}

.mdi-crowd:before {
    content: "󱥵"
}

.mdi-crown:before {
    content: "󰆥"
}

.mdi-crown-circle:before {
    content: "󱟜"
}

.mdi-crown-circle-outline:before {
    content: "󱟝"
}

.mdi-crown-outline:before {
    content: "󱇐"
}

.mdi-cryengine:before {
    content: "󰥙"
}

.mdi-crystal-ball:before {
    content: "󰬯"
}

.mdi-cube:before {
    content: "󰆦"
}

.mdi-cube-off:before {
    content: "󱐜"
}

.mdi-cube-off-outline:before {
    content: "󱐝"
}

.mdi-cube-outline:before {
    content: "󰆧"
}

.mdi-cube-scan:before {
    content: "󰮄"
}

.mdi-cube-send:before {
    content: "󰆨"
}

.mdi-cube-unfolded:before {
    content: "󰆩"
}

.mdi-cup:before {
    content: "󰆪"
}

.mdi-cup-off:before {
    content: "󰗥"
}

.mdi-cup-off-outline:before {
    content: "󱍽"
}

.mdi-cup-outline:before {
    content: "󱌏"
}

.mdi-cup-water:before {
    content: "󰆫"
}

.mdi-cupboard:before {
    content: "󰽆"
}

.mdi-cupboard-outline:before {
    content: "󰽇"
}

.mdi-cupcake:before {
    content: "󰥚"
}

.mdi-curling:before {
    content: "󰡣"
}

.mdi-currency-bdt:before {
    content: "󰡤"
}

.mdi-currency-brl:before {
    content: "󰮅"
}

.mdi-currency-btc:before {
    content: "󰆬"
}

.mdi-currency-cny:before {
    content: "󰞺"
}

.mdi-currency-eth:before {
    content: "󰞻"
}

.mdi-currency-eur:before {
    content: "󰆭"
}

.mdi-currency-eur-off:before {
    content: "󱌕"
}

.mdi-currency-fra:before {
    content: "󱨹"
}

.mdi-currency-gbp:before {
    content: "󰆮"
}

.mdi-currency-ils:before {
    content: "󰱡"
}

.mdi-currency-inr:before {
    content: "󰆯"
}

.mdi-currency-jpy:before {
    content: "󰞼"
}

.mdi-currency-krw:before {
    content: "󰞽"
}

.mdi-currency-kzt:before {
    content: "󰡥"
}

.mdi-currency-mnt:before {
    content: "󱔒"
}

.mdi-currency-ngn:before {
    content: "󰆰"
}

.mdi-currency-php:before {
    content: "󰧦"
}

.mdi-currency-rial:before {
    content: "󰺜"
}

.mdi-currency-rub:before {
    content: "󰆱"
}

.mdi-currency-rupee:before {
    content: "󱥶"
}

.mdi-currency-sign:before {
    content: "󰞾"
}

.mdi-currency-thb:before {
    content: "󱰅"
}

.mdi-currency-try:before {
    content: "󰆲"
}

.mdi-currency-twd:before {
    content: "󰞿"
}

.mdi-currency-uah:before {
    content: "󱮛"
}

.mdi-currency-usd:before {
    content: "󰇁"
}

.mdi-currency-usd-off:before {
    content: "󰙺"
}

.mdi-current-ac:before {
    content: "󱒀"
}

.mdi-current-dc:before {
    content: "󰥜"
}

.mdi-cursor-default:before {
    content: "󰇀"
}

.mdi-cursor-default-click:before {
    content: "󰳽"
}

.mdi-cursor-default-click-outline:before {
    content: "󰳾"
}

.mdi-cursor-default-gesture:before {
    content: "󱄧"
}

.mdi-cursor-default-gesture-outline:before {
    content: "󱄨"
}

.mdi-cursor-default-outline:before {
    content: "󰆿"
}

.mdi-cursor-move:before {
    content: "󰆾"
}

.mdi-cursor-pointer:before {
    content: "󰆽"
}

.mdi-cursor-text:before {
    content: "󰗧"
}

.mdi-curtains:before {
    content: "󱡆"
}

.mdi-curtains-closed:before {
    content: "󱡇"
}

.mdi-cylinder:before {
    content: "󱥎"
}

.mdi-cylinder-off:before {
    content: "󱥏"
}

.mdi-dance-ballroom:before {
    content: "󱗻"
}

.mdi-dance-pole:before {
    content: "󱕸"
}

.mdi-data-matrix:before {
    content: "󱔼"
}

.mdi-data-matrix-edit:before {
    content: "󱔽"
}

.mdi-data-matrix-minus:before {
    content: "󱔾"
}

.mdi-data-matrix-plus:before {
    content: "󱔿"
}

.mdi-data-matrix-remove:before {
    content: "󱕀"
}

.mdi-data-matrix-scan:before {
    content: "󱕁"
}

.mdi-database:before {
    content: "󰆼"
}

.mdi-database-alert:before {
    content: "󱘺"
}

.mdi-database-alert-outline:before {
    content: "󱘤"
}

.mdi-database-arrow-down:before {
    content: "󱘻"
}

.mdi-database-arrow-down-outline:before {
    content: "󱘥"
}

.mdi-database-arrow-left:before {
    content: "󱘼"
}

.mdi-database-arrow-left-outline:before {
    content: "󱘦"
}

.mdi-database-arrow-right:before {
    content: "󱘽"
}

.mdi-database-arrow-right-outline:before {
    content: "󱘧"
}

.mdi-database-arrow-up:before {
    content: "󱘾"
}

.mdi-database-arrow-up-outline:before {
    content: "󱘨"
}

.mdi-database-check:before {
    content: "󰪩"
}

.mdi-database-check-outline:before {
    content: "󱘩"
}

.mdi-database-clock:before {
    content: "󱘿"
}

.mdi-database-clock-outline:before {
    content: "󱘪"
}

.mdi-database-cog:before {
    content: "󱙋"
}

.mdi-database-cog-outline:before {
    content: "󱙌"
}

.mdi-database-edit:before {
    content: "󰮆"
}

.mdi-database-edit-outline:before {
    content: "󱘫"
}

.mdi-database-export:before {
    content: "󰥞"
}

.mdi-database-export-outline:before {
    content: "󱘬"
}

.mdi-database-eye:before {
    content: "󱤟"
}

.mdi-database-eye-off:before {
    content: "󱤠"
}

.mdi-database-eye-off-outline:before {
    content: "󱤡"
}

.mdi-database-eye-outline:before {
    content: "󱤢"
}

.mdi-database-import:before {
    content: "󰥝"
}

.mdi-database-import-outline:before {
    content: "󱘭"
}

.mdi-database-lock:before {
    content: "󰪪"
}

.mdi-database-lock-outline:before {
    content: "󱘮"
}

.mdi-database-marker:before {
    content: "󱋶"
}

.mdi-database-marker-outline:before {
    content: "󱘯"
}

.mdi-database-minus:before {
    content: "󰆻"
}

.mdi-database-minus-outline:before {
    content: "󱘰"
}

.mdi-database-off:before {
    content: "󱙀"
}

.mdi-database-off-outline:before {
    content: "󱘱"
}

.mdi-database-outline:before {
    content: "󱘲"
}

.mdi-database-plus:before {
    content: "󰆺"
}

.mdi-database-plus-outline:before {
    content: "󱘳"
}

.mdi-database-refresh:before {
    content: "󰗂"
}

.mdi-database-refresh-outline:before {
    content: "󱘴"
}

.mdi-database-remove:before {
    content: "󰴀"
}

.mdi-database-remove-outline:before {
    content: "󱘵"
}

.mdi-database-search:before {
    content: "󰡦"
}

.mdi-database-search-outline:before {
    content: "󱘶"
}

.mdi-database-settings:before {
    content: "󰴁"
}

.mdi-database-settings-outline:before {
    content: "󱘷"
}

.mdi-database-sync:before {
    content: "󰳿"
}

.mdi-database-sync-outline:before {
    content: "󱘸"
}

.mdi-death-star:before {
    content: "󰣘"
}

.mdi-death-star-variant:before {
    content: "󰣙"
}

.mdi-deathly-hallows:before {
    content: "󰮇"
}

.mdi-debian:before {
    content: "󰣚"
}

.mdi-debug-step-into:before {
    content: "󰆹"
}

.mdi-debug-step-out:before {
    content: "󰆸"
}

.mdi-debug-step-over:before {
    content: "󰆷"
}

.mdi-decagram:before {
    content: "󰝬"
}

.mdi-decagram-outline:before {
    content: "󰝭"
}

.mdi-decimal:before {
    content: "󱂡"
}

.mdi-decimal-comma:before {
    content: "󱂢"
}

.mdi-decimal-comma-decrease:before {
    content: "󱂣"
}

.mdi-decimal-comma-increase:before {
    content: "󱂤"
}

.mdi-decimal-decrease:before {
    content: "󰆶"
}

.mdi-decimal-increase:before {
    content: "󰆵"
}

.mdi-delete:before {
    content: "󰆴"
}

.mdi-delete-alert:before {
    content: "󱂥"
}

.mdi-delete-alert-outline:before {
    content: "󱂦"
}

.mdi-delete-circle:before {
    content: "󰚃"
}

.mdi-delete-circle-outline:before {
    content: "󰮈"
}

.mdi-delete-clock:before {
    content: "󱕖"
}

.mdi-delete-clock-outline:before {
    content: "󱕗"
}

.mdi-delete-empty:before {
    content: "󰛌"
}

.mdi-delete-empty-outline:before {
    content: "󰺝"
}

.mdi-delete-forever:before {
    content: "󰗨"
}

.mdi-delete-forever-outline:before {
    content: "󰮉"
}

.mdi-delete-off:before {
    content: "󱂧"
}

.mdi-delete-off-outline:before {
    content: "󱂨"
}

.mdi-delete-outline:before {
    content: "󰧧"
}

.mdi-delete-restore:before {
    content: "󰠙"
}

.mdi-delete-sweep:before {
    content: "󰗩"
}

.mdi-delete-sweep-outline:before {
    content: "󰱢"
}

.mdi-delete-variant:before {
    content: "󰆳"
}

.mdi-delta:before {
    content: "󰇂"
}

.mdi-desk:before {
    content: "󱈹"
}

.mdi-desk-lamp:before {
    content: "󰥟"
}

.mdi-desk-lamp-off:before {
    content: "󱬟"
}

.mdi-desk-lamp-on:before {
    content: "󱬠"
}

.mdi-deskphone:before {
    content: "󰇃"
}

.mdi-desktop-classic:before {
    content: "󰟀"
}

.mdi-desktop-tower:before {
    content: "󰇅"
}

.mdi-desktop-tower-monitor:before {
    content: "󰪫"
}

.mdi-details:before {
    content: "󰇆"
}

.mdi-dev-to:before {
    content: "󰵮"
}

.mdi-developer-board:before {
    content: "󰚗"
}

.mdi-deviantart:before {
    content: "󰇇"
}

.mdi-devices:before {
    content: "󰾰"
}

.mdi-dharmachakra:before {
    content: "󰥋"
}

.mdi-diabetes:before {
    content: "󱄦"
}

.mdi-dialpad:before {
    content: "󰘜"
}

.mdi-diameter:before {
    content: "󰱣"
}

.mdi-diameter-outline:before {
    content: "󰱤"
}

.mdi-diameter-variant:before {
    content: "󰱥"
}

.mdi-diamond:before {
    content: "󰮊"
}

.mdi-diamond-outline:before {
    content: "󰮋"
}

.mdi-diamond-stone:before {
    content: "󰇈"
}

.mdi-dice-1:before {
    content: "󰇊"
}

.mdi-dice-1-outline:before {
    content: "󱅊"
}

.mdi-dice-2:before {
    content: "󰇋"
}

.mdi-dice-2-outline:before {
    content: "󱅋"
}

.mdi-dice-3:before {
    content: "󰇌"
}

.mdi-dice-3-outline:before {
    content: "󱅌"
}

.mdi-dice-4:before {
    content: "󰇍"
}

.mdi-dice-4-outline:before {
    content: "󱅍"
}

.mdi-dice-5:before {
    content: "󰇎"
}

.mdi-dice-5-outline:before {
    content: "󱅎"
}

.mdi-dice-6:before {
    content: "󰇏"
}

.mdi-dice-6-outline:before {
    content: "󱅏"
}

.mdi-dice-d10:before {
    content: "󱅓"
}

.mdi-dice-d10-outline:before {
    content: "󰝯"
}

.mdi-dice-d12:before {
    content: "󱅔"
}

.mdi-dice-d12-outline:before {
    content: "󰡧"
}

.mdi-dice-d20:before {
    content: "󱅕"
}

.mdi-dice-d20-outline:before {
    content: "󰗪"
}

.mdi-dice-d4:before {
    content: "󱅐"
}

.mdi-dice-d4-outline:before {
    content: "󰗫"
}

.mdi-dice-d6:before {
    content: "󱅑"
}

.mdi-dice-d6-outline:before {
    content: "󰗭"
}

.mdi-dice-d8:before {
    content: "󱅒"
}

.mdi-dice-d8-outline:before {
    content: "󰗬"
}

.mdi-dice-multiple:before {
    content: "󰝮"
}

.mdi-dice-multiple-outline:before {
    content: "󱅖"
}

.mdi-digital-ocean:before {
    content: "󱈷"
}

.mdi-dip-switch:before {
    content: "󰟁"
}

.mdi-directions:before {
    content: "󰇐"
}

.mdi-directions-fork:before {
    content: "󰙁"
}

.mdi-disc:before {
    content: "󰗮"
}

.mdi-disc-alert:before {
    content: "󰇑"
}

.mdi-disc-player:before {
    content: "󰥠"
}

.mdi-dishwasher:before {
    content: "󰪬"
}

.mdi-dishwasher-alert:before {
    content: "󱆸"
}

.mdi-dishwasher-off:before {
    content: "󱆹"
}

.mdi-disqus:before {
    content: "󰇒"
}

.mdi-distribute-horizontal-center:before {
    content: "󱇉"
}

.mdi-distribute-horizontal-left:before {
    content: "󱇈"
}

.mdi-distribute-horizontal-right:before {
    content: "󱇊"
}

.mdi-distribute-vertical-bottom:before {
    content: "󱇋"
}

.mdi-distribute-vertical-center:before {
    content: "󱇌"
}

.mdi-distribute-vertical-top:before {
    content: "󱇍"
}

.mdi-diversify:before {
    content: "󱡷"
}

.mdi-diving:before {
    content: "󱥷"
}

.mdi-diving-flippers:before {
    content: "󰶿"
}

.mdi-diving-helmet:before {
    content: "󰷀"
}

.mdi-diving-scuba:before {
    content: "󱭷"
}

.mdi-diving-scuba-flag:before {
    content: "󰷂"
}

.mdi-diving-scuba-mask:before {
    content: "󰷁"
}

.mdi-diving-scuba-tank:before {
    content: "󰷃"
}

.mdi-diving-scuba-tank-multiple:before {
    content: "󰷄"
}

.mdi-diving-snorkel:before {
    content: "󰷅"
}

.mdi-division:before {
    content: "󰇔"
}

.mdi-division-box:before {
    content: "󰇕"
}

.mdi-dlna:before {
    content: "󰩁"
}

.mdi-dna:before {
    content: "󰚄"
}

.mdi-dns:before {
    content: "󰇖"
}

.mdi-dns-outline:before {
    content: "󰮌"
}

.mdi-dock-bottom:before {
    content: "󱂩"
}

.mdi-dock-left:before {
    content: "󱂪"
}

.mdi-dock-right:before {
    content: "󱂫"
}

.mdi-dock-top:before {
    content: "󱔓"
}

.mdi-dock-window:before {
    content: "󱂬"
}

.mdi-docker:before {
    content: "󰡨"
}

.mdi-doctor:before {
    content: "󰩂"
}

.mdi-dog:before {
    content: "󰩃"
}

.mdi-dog-service:before {
    content: "󰪭"
}

.mdi-dog-side:before {
    content: "󰩄"
}

.mdi-dog-side-off:before {
    content: "󱛮"
}

.mdi-dolby:before {
    content: "󰚳"
}

.mdi-dolly:before {
    content: "󰺞"
}

.mdi-dolphin:before {
    content: "󱢴"
}

.mdi-domain:before {
    content: "󰇗"
}

.mdi-domain-off:before {
    content: "󰵯"
}

.mdi-domain-plus:before {
    content: "󱂭"
}

.mdi-domain-remove:before {
    content: "󱂮"
}

.mdi-domain-switch:before {
    content: "󱰬"
}

.mdi-dome-light:before {
    content: "󱐞"
}

.mdi-domino-mask:before {
    content: "󱀣"
}

.mdi-donkey:before {
    content: "󰟂"
}

.mdi-door:before {
    content: "󰠚"
}

.mdi-door-closed:before {
    content: "󰠛"
}

.mdi-door-closed-lock:before {
    content: "󱂯"
}

.mdi-door-open:before {
    content: "󰠜"
}

.mdi-door-sliding:before {
    content: "󱠞"
}

.mdi-door-sliding-lock:before {
    content: "󱠟"
}

.mdi-door-sliding-open:before {
    content: "󱠠"
}

.mdi-doorbell:before {
    content: "󱋦"
}

.mdi-doorbell-video:before {
    content: "󰡩"
}

.mdi-dot-net:before {
    content: "󰪮"
}

.mdi-dots-circle:before {
    content: "󱥸"
}

.mdi-dots-grid:before {
    content: "󱗼"
}

.mdi-dots-hexagon:before {
    content: "󱗿"
}

.mdi-dots-horizontal:before {
    content: "󰇘"
}

.mdi-dots-horizontal-circle:before {
    content: "󰟃"
}

.mdi-dots-horizontal-circle-outline:before {
    content: "󰮍"
}

.mdi-dots-square:before {
    content: "󱗽"
}

.mdi-dots-triangle:before {
    content: "󱗾"
}

.mdi-dots-vertical:before {
    content: "󰇙"
}

.mdi-dots-vertical-circle:before {
    content: "󰟄"
}

.mdi-dots-vertical-circle-outline:before {
    content: "󰮎"
}

.mdi-download:before {
    content: "󰇚"
}

.mdi-download-box:before {
    content: "󱑢"
}

.mdi-download-box-outline:before {
    content: "󱑣"
}

.mdi-download-circle:before {
    content: "󱑤"
}

.mdi-download-circle-outline:before {
    content: "󱑥"
}

.mdi-download-lock:before {
    content: "󱌠"
}

.mdi-download-lock-outline:before {
    content: "󱌡"
}

.mdi-download-multiple:before {
    content: "󰧩"
}

.mdi-download-network:before {
    content: "󰛴"
}

.mdi-download-network-outline:before {
    content: "󰱦"
}

.mdi-download-off:before {
    content: "󱂰"
}

.mdi-download-off-outline:before {
    content: "󱂱"
}

.mdi-download-outline:before {
    content: "󰮏"
}

.mdi-drag:before {
    content: "󰇛"
}

.mdi-drag-horizontal:before {
    content: "󰇜"
}

.mdi-drag-horizontal-variant:before {
    content: "󱋰"
}

.mdi-drag-variant:before {
    content: "󰮐"
}

.mdi-drag-vertical:before {
    content: "󰇝"
}

.mdi-drag-vertical-variant:before {
    content: "󱋱"
}

.mdi-drama-masks:before {
    content: "󰴂"
}

.mdi-draw:before {
    content: "󰽉"
}

.mdi-draw-pen:before {
    content: "󱦹"
}

.mdi-drawing:before {
    content: "󰇞"
}

.mdi-drawing-box:before {
    content: "󰇟"
}

.mdi-dresser:before {
    content: "󰽊"
}

.mdi-dresser-outline:before {
    content: "󰽋"
}

.mdi-drone:before {
    content: "󰇢"
}

.mdi-dropbox:before {
    content: "󰇣"
}

.mdi-drupal:before {
    content: "󰇤"
}

.mdi-duck:before {
    content: "󰇥"
}

.mdi-dumbbell:before {
    content: "󰇦"
}

.mdi-dump-truck:before {
    content: "󰱧"
}

.mdi-ear-hearing:before {
    content: "󰟅"
}

.mdi-ear-hearing-loop:before {
    content: "󱫮"
}

.mdi-ear-hearing-off:before {
    content: "󰩅"
}

.mdi-earbuds:before {
    content: "󱡏"
}

.mdi-earbuds-off:before {
    content: "󱡐"
}

.mdi-earbuds-off-outline:before {
    content: "󱡑"
}

.mdi-earbuds-outline:before {
    content: "󱡒"
}

.mdi-earth:before {
    content: "󰇧"
}

.mdi-earth-arrow-right:before {
    content: "󱌑"
}

.mdi-earth-box:before {
    content: "󰛍"
}

.mdi-earth-box-minus:before {
    content: "󱐇"
}

.mdi-earth-box-off:before {
    content: "󰛎"
}

.mdi-earth-box-plus:before {
    content: "󱐆"
}

.mdi-earth-box-remove:before {
    content: "󱐈"
}

.mdi-earth-minus:before {
    content: "󱐄"
}

.mdi-earth-off:before {
    content: "󰇨"
}

.mdi-earth-plus:before {
    content: "󱐃"
}

.mdi-earth-remove:before {
    content: "󱐅"
}

.mdi-egg:before {
    content: "󰪯"
}

.mdi-egg-easter:before {
    content: "󰪰"
}

.mdi-egg-fried:before {
    content: "󱡊"
}

.mdi-egg-off:before {
    content: "󱏰"
}

.mdi-egg-off-outline:before {
    content: "󱏱"
}

.mdi-egg-outline:before {
    content: "󱏲"
}

.mdi-eiffel-tower:before {
    content: "󱕫"
}

.mdi-eight-track:before {
    content: "󰧪"
}

.mdi-eject:before {
    content: "󰇪"
}

.mdi-eject-circle:before {
    content: "󱬣"
}

.mdi-eject-circle-outline:before {
    content: "󱬤"
}

.mdi-eject-outline:before {
    content: "󰮑"
}

.mdi-electric-switch:before {
    content: "󰺟"
}

.mdi-electric-switch-closed:before {
    content: "󱃙"
}

.mdi-electron-framework:before {
    content: "󱀤"
}

.mdi-elephant:before {
    content: "󰟆"
}

.mdi-elevation-decline:before {
    content: "󰇫"
}

.mdi-elevation-rise:before {
    content: "󰇬"
}

.mdi-elevator:before {
    content: "󰇭"
}

.mdi-elevator-down:before {
    content: "󱋂"
}

.mdi-elevator-passenger:before {
    content: "󱎁"
}

.mdi-elevator-passenger-off:before {
    content: "󱥹"
}

.mdi-elevator-passenger-off-outline:before {
    content: "󱥺"
}

.mdi-elevator-passenger-outline:before {
    content: "󱥻"
}

.mdi-elevator-up:before {
    content: "󱋁"
}

.mdi-ellipse:before {
    content: "󰺠"
}

.mdi-ellipse-outline:before {
    content: "󰺡"
}

.mdi-email:before {
    content: "󰇮"
}

.mdi-email-alert:before {
    content: "󰛏"
}

.mdi-email-alert-outline:before {
    content: "󰵂"
}

.mdi-email-arrow-left:before {
    content: "󱃚"
}

.mdi-email-arrow-left-outline:before {
    content: "󱃛"
}

.mdi-email-arrow-right:before {
    content: "󱃜"
}

.mdi-email-arrow-right-outline:before {
    content: "󱃝"
}

.mdi-email-box:before {
    content: "󰴃"
}

.mdi-email-check:before {
    content: "󰪱"
}

.mdi-email-check-outline:before {
    content: "󰪲"
}

.mdi-email-edit:before {
    content: "󰻣"
}

.mdi-email-edit-outline:before {
    content: "󰻤"
}

.mdi-email-fast:before {
    content: "󱡯"
}

.mdi-email-fast-outline:before {
    content: "󱡰"
}

.mdi-email-heart-outline:before {
    content: "󱱛"
}

.mdi-email-lock:before {
    content: "󰇱"
}

.mdi-email-lock-outline:before {
    content: "󱭡"
}

.mdi-email-mark-as-unread:before {
    content: "󰮒"
}

.mdi-email-minus:before {
    content: "󰻥"
}

.mdi-email-minus-outline:before {
    content: "󰻦"
}

.mdi-email-multiple:before {
    content: "󰻧"
}

.mdi-email-multiple-outline:before {
    content: "󰻨"
}

.mdi-email-newsletter:before {
    content: "󰾱"
}

.mdi-email-off:before {
    content: "󱏣"
}

.mdi-email-off-outline:before {
    content: "󱏤"
}

.mdi-email-open:before {
    content: "󰇯"
}

.mdi-email-open-heart-outline:before {
    content: "󱱜"
}

.mdi-email-open-multiple:before {
    content: "󰻩"
}

.mdi-email-open-multiple-outline:before {
    content: "󰻪"
}

.mdi-email-open-outline:before {
    content: "󰗯"
}

.mdi-email-outline:before {
    content: "󰇰"
}

.mdi-email-plus:before {
    content: "󰧫"
}

.mdi-email-plus-outline:before {
    content: "󰧬"
}

.mdi-email-remove:before {
    content: "󱙡"
}

.mdi-email-remove-outline:before {
    content: "󱙢"
}

.mdi-email-seal:before {
    content: "󱥛"
}

.mdi-email-seal-outline:before {
    content: "󱥜"
}

.mdi-email-search:before {
    content: "󰥡"
}

.mdi-email-search-outline:before {
    content: "󰥢"
}

.mdi-email-sync:before {
    content: "󱋇"
}

.mdi-email-sync-outline:before {
    content: "󱋈"
}

.mdi-email-variant:before {
    content: "󰗰"
}

.mdi-ember:before {
    content: "󰬰"
}

.mdi-emby:before {
    content: "󰚴"
}

.mdi-emoticon:before {
    content: "󰱨"
}

.mdi-emoticon-angry:before {
    content: "󰱩"
}

.mdi-emoticon-angry-outline:before {
    content: "󰱪"
}

.mdi-emoticon-confused:before {
    content: "󱃞"
}

.mdi-emoticon-confused-outline:before {
    content: "󱃟"
}

.mdi-emoticon-cool:before {
    content: "󰱫"
}

.mdi-emoticon-cool-outline:before {
    content: "󰇳"
}

.mdi-emoticon-cry:before {
    content: "󰱬"
}

.mdi-emoticon-cry-outline:before {
    content: "󰱭"
}

.mdi-emoticon-dead:before {
    content: "󰱮"
}

.mdi-emoticon-dead-outline:before {
    content: "󰚛"
}

.mdi-emoticon-devil:before {
    content: "󰱯"
}

.mdi-emoticon-devil-outline:before {
    content: "󰇴"
}

.mdi-emoticon-excited:before {
    content: "󰱰"
}

.mdi-emoticon-excited-outline:before {
    content: "󰚜"
}

.mdi-emoticon-frown:before {
    content: "󰽌"
}

.mdi-emoticon-frown-outline:before {
    content: "󰽍"
}

.mdi-emoticon-happy:before {
    content: "󰱱"
}

.mdi-emoticon-happy-outline:before {
    content: "󰇵"
}

.mdi-emoticon-kiss:before {
    content: "󰱲"
}

.mdi-emoticon-kiss-outline:before {
    content: "󰱳"
}

.mdi-emoticon-lol:before {
    content: "󱈔"
}

.mdi-emoticon-lol-outline:before {
    content: "󱈕"
}

.mdi-emoticon-neutral:before {
    content: "󰱴"
}

.mdi-emoticon-neutral-outline:before {
    content: "󰇶"
}

.mdi-emoticon-outline:before {
    content: "󰇲"
}

.mdi-emoticon-poop:before {
    content: "󰇷"
}

.mdi-emoticon-poop-outline:before {
    content: "󰱵"
}

.mdi-emoticon-sad:before {
    content: "󰱶"
}

.mdi-emoticon-sad-outline:before {
    content: "󰇸"
}

.mdi-emoticon-sick:before {
    content: "󱕼"
}

.mdi-emoticon-sick-outline:before {
    content: "󱕽"
}

.mdi-emoticon-tongue:before {
    content: "󰇹"
}

.mdi-emoticon-tongue-outline:before {
    content: "󰱷"
}

.mdi-emoticon-wink:before {
    content: "󰱸"
}

.mdi-emoticon-wink-outline:before {
    content: "󰱹"
}

.mdi-engine:before {
    content: "󰇺"
}

.mdi-engine-off:before {
    content: "󰩆"
}

.mdi-engine-off-outline:before {
    content: "󰩇"
}

.mdi-engine-outline:before {
    content: "󰇻"
}

.mdi-epsilon:before {
    content: "󱃠"
}

.mdi-equal:before {
    content: "󰇼"
}

.mdi-equal-box:before {
    content: "󰇽"
}

.mdi-equalizer:before {
    content: "󰺢"
}

.mdi-equalizer-outline:before {
    content: "󰺣"
}

.mdi-eraser:before {
    content: "󰇾"
}

.mdi-eraser-variant:before {
    content: "󰙂"
}

.mdi-escalator:before {
    content: "󰇿"
}

.mdi-escalator-box:before {
    content: "󱎙"
}

.mdi-escalator-down:before {
    content: "󱋀"
}

.mdi-escalator-up:before {
    content: "󱊿"
}

.mdi-eslint:before {
    content: "󰱺"
}

.mdi-et:before {
    content: "󰪳"
}

.mdi-ethereum:before {
    content: "󰡪"
}

.mdi-ethernet:before {
    content: "󰈀"
}

.mdi-ethernet-cable:before {
    content: "󰈁"
}

.mdi-ethernet-cable-off:before {
    content: "󰈂"
}

.mdi-ev-plug-ccs1:before {
    content: "󱔙"
}

.mdi-ev-plug-ccs2:before {
    content: "󱔚"
}

.mdi-ev-plug-chademo:before {
    content: "󱔛"
}

.mdi-ev-plug-tesla:before {
    content: "󱔜"
}

.mdi-ev-plug-type1:before {
    content: "󱔝"
}

.mdi-ev-plug-type2:before {
    content: "󱔞"
}

.mdi-ev-station:before {
    content: "󰗱"
}

.mdi-evernote:before {
    content: "󰈄"
}

.mdi-excavator:before {
    content: "󱀥"
}

.mdi-exclamation:before {
    content: "󰈅"
}

.mdi-exclamation-thick:before {
    content: "󱈸"
}

.mdi-exit-run:before {
    content: "󰩈"
}

.mdi-exit-to-app:before {
    content: "󰈆"
}

.mdi-expand-all:before {
    content: "󰪴"
}

.mdi-expand-all-outline:before {
    content: "󰪵"
}

.mdi-expansion-card:before {
    content: "󰢮"
}

.mdi-expansion-card-variant:before {
    content: "󰾲"
}

.mdi-exponent:before {
    content: "󰥣"
}

.mdi-exponent-box:before {
    content: "󰥤"
}

.mdi-export:before {
    content: "󰈇"
}

.mdi-export-variant:before {
    content: "󰮓"
}

.mdi-eye:before {
    content: "󰈈"
}

.mdi-eye-arrow-left:before {
    content: "󱣽"
}

.mdi-eye-arrow-left-outline:before {
    content: "󱣾"
}

.mdi-eye-arrow-right:before {
    content: "󱣿"
}

.mdi-eye-arrow-right-outline:before {
    content: "󱤀"
}

.mdi-eye-check:before {
    content: "󰴄"
}

.mdi-eye-check-outline:before {
    content: "󰴅"
}

.mdi-eye-circle:before {
    content: "󰮔"
}

.mdi-eye-circle-outline:before {
    content: "󰮕"
}

.mdi-eye-lock:before {
    content: "󱰆"
}

.mdi-eye-lock-open:before {
    content: "󱰇"
}

.mdi-eye-lock-open-outline:before {
    content: "󱰈"
}

.mdi-eye-lock-outline:before {
    content: "󱰉"
}

.mdi-eye-minus:before {
    content: "󱀦"
}

.mdi-eye-minus-outline:before {
    content: "󱀧"
}

.mdi-eye-off:before {
    content: "󰈉"
}

.mdi-eye-off-outline:before {
    content: "󰛑"
}

.mdi-eye-outline:before {
    content: "󰛐"
}

.mdi-eye-plus:before {
    content: "󰡫"
}

.mdi-eye-plus-outline:before {
    content: "󰡬"
}

.mdi-eye-refresh:before {
    content: "󱥼"
}

.mdi-eye-refresh-outline:before {
    content: "󱥽"
}

.mdi-eye-remove:before {
    content: "󱗣"
}

.mdi-eye-remove-outline:before {
    content: "󱗤"
}

.mdi-eye-settings:before {
    content: "󰡭"
}

.mdi-eye-settings-outline:before {
    content: "󰡮"
}

.mdi-eyedropper:before {
    content: "󰈊"
}

.mdi-eyedropper-minus:before {
    content: "󱏝"
}

.mdi-eyedropper-off:before {
    content: "󱏟"
}

.mdi-eyedropper-plus:before {
    content: "󱏜"
}

.mdi-eyedropper-remove:before {
    content: "󱏞"
}

.mdi-eyedropper-variant:before {
    content: "󰈋"
}

.mdi-face-agent:before {
    content: "󰵰"
}

.mdi-face-man:before {
    content: "󰙃"
}

.mdi-face-man-outline:before {
    content: "󰮖"
}

.mdi-face-man-profile:before {
    content: "󰙄"
}

.mdi-face-man-shimmer:before {
    content: "󱗌"
}

.mdi-face-man-shimmer-outline:before {
    content: "󱗍"
}

.mdi-face-mask:before {
    content: "󱖆"
}

.mdi-face-mask-outline:before {
    content: "󱖇"
}

.mdi-face-recognition:before {
    content: "󰱻"
}

.mdi-face-woman:before {
    content: "󱁷"
}

.mdi-face-woman-outline:before {
    content: "󱁸"
}

.mdi-face-woman-profile:before {
    content: "󱁶"
}

.mdi-face-woman-shimmer:before {
    content: "󱗎"
}

.mdi-face-woman-shimmer-outline:before {
    content: "󱗏"
}

.mdi-facebook:before {
    content: "󰈌"
}

.mdi-facebook-gaming:before {
    content: "󰟝"
}

.mdi-facebook-messenger:before {
    content: "󰈎"
}

.mdi-facebook-workplace:before {
    content: "󰬱"
}

.mdi-factory:before {
    content: "󰈏"
}

.mdi-family-tree:before {
    content: "󱘎"
}

.mdi-fan:before {
    content: "󰈐"
}

.mdi-fan-alert:before {
    content: "󱑬"
}

.mdi-fan-auto:before {
    content: "󱜝"
}

.mdi-fan-chevron-down:before {
    content: "󱑭"
}

.mdi-fan-chevron-up:before {
    content: "󱑮"
}

.mdi-fan-clock:before {
    content: "󱨺"
}

.mdi-fan-minus:before {
    content: "󱑰"
}

.mdi-fan-off:before {
    content: "󰠝"
}

.mdi-fan-plus:before {
    content: "󱑯"
}

.mdi-fan-remove:before {
    content: "󱑱"
}

.mdi-fan-speed-1:before {
    content: "󱑲"
}

.mdi-fan-speed-2:before {
    content: "󱑳"
}

.mdi-fan-speed-3:before {
    content: "󱑴"
}

.mdi-fast-forward:before {
    content: "󰈑"
}

.mdi-fast-forward-10:before {
    content: "󰵱"
}

.mdi-fast-forward-15:before {
    content: "󱤺"
}

.mdi-fast-forward-30:before {
    content: "󰴆"
}

.mdi-fast-forward-45:before {
    content: "󱬒"
}

.mdi-fast-forward-5:before {
    content: "󱇸"
}

.mdi-fast-forward-60:before {
    content: "󱘋"
}

.mdi-fast-forward-outline:before {
    content: "󰛒"
}

.mdi-faucet:before {
    content: "󱬩"
}

.mdi-faucet-variant:before {
    content: "󱬪"
}

.mdi-fax:before {
    content: "󰈒"
}

.mdi-feather:before {
    content: "󰛓"
}

.mdi-feature-search:before {
    content: "󰩉"
}

.mdi-feature-search-outline:before {
    content: "󰩊"
}

.mdi-fedora:before {
    content: "󰣛"
}

.mdi-fence:before {
    content: "󱞚"
}

.mdi-fence-electric:before {
    content: "󱟶"
}

.mdi-fencing:before {
    content: "󱓁"
}

.mdi-ferris-wheel:before {
    content: "󰺤"
}

.mdi-ferry:before {
    content: "󰈓"
}

.mdi-file:before {
    content: "󰈔"
}

.mdi-file-account:before {
    content: "󰜻"
}

.mdi-file-account-outline:before {
    content: "󱀨"
}

.mdi-file-alert:before {
    content: "󰩋"
}

.mdi-file-alert-outline:before {
    content: "󰩌"
}

.mdi-file-arrow-left-right:before {
    content: "󱪓"
}

.mdi-file-arrow-left-right-outline:before {
    content: "󱪔"
}

.mdi-file-arrow-up-down:before {
    content: "󱪕"
}

.mdi-file-arrow-up-down-outline:before {
    content: "󱪖"
}

.mdi-file-cabinet:before {
    content: "󰪶"
}

.mdi-file-cad:before {
    content: "󰻫"
}

.mdi-file-cad-box:before {
    content: "󰻬"
}

.mdi-file-cancel:before {
    content: "󰷆"
}

.mdi-file-cancel-outline:before {
    content: "󰷇"
}

.mdi-file-certificate:before {
    content: "󱆆"
}

.mdi-file-certificate-outline:before {
    content: "󱆇"
}

.mdi-file-chart:before {
    content: "󰈕"
}

.mdi-file-chart-check:before {
    content: "󱧆"
}

.mdi-file-chart-check-outline:before {
    content: "󱧇"
}

.mdi-file-chart-outline:before {
    content: "󱀩"
}

.mdi-file-check:before {
    content: "󰈖"
}

.mdi-file-check-outline:before {
    content: "󰸩"
}

.mdi-file-clock:before {
    content: "󱋡"
}

.mdi-file-clock-outline:before {
    content: "󱋢"
}

.mdi-file-cloud:before {
    content: "󰈗"
}

.mdi-file-cloud-outline:before {
    content: "󱀪"
}

.mdi-file-code:before {
    content: "󰈮"
}

.mdi-file-code-outline:before {
    content: "󱀫"
}

.mdi-file-cog:before {
    content: "󱁻"
}

.mdi-file-cog-outline:before {
    content: "󱁼"
}

.mdi-file-compare:before {
    content: "󰢪"
}

.mdi-file-delimited:before {
    content: "󰈘"
}

.mdi-file-delimited-outline:before {
    content: "󰺥"
}

.mdi-file-document:before {
    content: "󰈙"
}

.mdi-file-document-alert:before {
    content: "󱪗"
}

.mdi-file-document-alert-outline:before {
    content: "󱪘"
}

.mdi-file-document-arrow-right:before {
    content: "󱰏"
}

.mdi-file-document-arrow-right-outline:before {
    content: "󱰐"
}

.mdi-file-document-check:before {
    content: "󱪙"
}

.mdi-file-document-check-outline:before {
    content: "󱪚"
}

.mdi-file-document-edit:before {
    content: "󰷈"
}

.mdi-file-document-edit-outline:before {
    content: "󰷉"
}

.mdi-file-document-minus:before {
    content: "󱪛"
}

.mdi-file-document-minus-outline:before {
    content: "󱪜"
}

.mdi-file-document-multiple:before {
    content: "󱔗"
}

.mdi-file-document-multiple-outline:before {
    content: "󱔘"
}

.mdi-file-document-outline:before {
    content: "󰧮"
}

.mdi-file-document-plus:before {
    content: "󱪝"
}

.mdi-file-document-plus-outline:before {
    content: "󱪞"
}

.mdi-file-document-refresh:before {
    content: "󱱺"
}

.mdi-file-document-refresh-outline:before {
    content: "󱱻"
}

.mdi-file-document-remove:before {
    content: "󱪟"
}

.mdi-file-document-remove-outline:before {
    content: "󱪠"
}

.mdi-file-download:before {
    content: "󰥥"
}

.mdi-file-download-outline:before {
    content: "󰥦"
}

.mdi-file-edit:before {
    content: "󱇧"
}

.mdi-file-edit-outline:before {
    content: "󱇨"
}

.mdi-file-excel:before {
    content: "󰈛"
}

.mdi-file-excel-box:before {
    content: "󰈜"
}

.mdi-file-excel-box-outline:before {
    content: "󱀬"
}

.mdi-file-excel-outline:before {
    content: "󱀭"
}

.mdi-file-export:before {
    content: "󰈝"
}

.mdi-file-export-outline:before {
    content: "󱀮"
}

.mdi-file-eye:before {
    content: "󰷊"
}

.mdi-file-eye-outline:before {
    content: "󰷋"
}

.mdi-file-find:before {
    content: "󰈞"
}

.mdi-file-find-outline:before {
    content: "󰮗"
}

.mdi-file-gif-box:before {
    content: "󰵸"
}

.mdi-file-hidden:before {
    content: "󰘓"
}

.mdi-file-image:before {
    content: "󰈟"
}

.mdi-file-image-marker:before {
    content: "󱝲"
}

.mdi-file-image-marker-outline:before {
    content: "󱝳"
}

.mdi-file-image-minus:before {
    content: "󱤻"
}

.mdi-file-image-minus-outline:before {
    content: "󱤼"
}

.mdi-file-image-outline:before {
    content: "󰺰"
}

.mdi-file-image-plus:before {
    content: "󱤽"
}

.mdi-file-image-plus-outline:before {
    content: "󱤾"
}

.mdi-file-image-remove:before {
    content: "󱤿"
}

.mdi-file-image-remove-outline:before {
    content: "󱥀"
}

.mdi-file-import:before {
    content: "󰈠"
}

.mdi-file-import-outline:before {
    content: "󱀯"
}

.mdi-file-jpg-box:before {
    content: "󰈥"
}

.mdi-file-key:before {
    content: "󱆄"
}

.mdi-file-key-outline:before {
    content: "󱆅"
}

.mdi-file-link:before {
    content: "󱅷"
}

.mdi-file-link-outline:before {
    content: "󱅸"
}

.mdi-file-lock:before {
    content: "󰈡"
}

.mdi-file-lock-open:before {
    content: "󱧈"
}

.mdi-file-lock-open-outline:before {
    content: "󱧉"
}

.mdi-file-lock-outline:before {
    content: "󱀰"
}

.mdi-file-marker:before {
    content: "󱝴"
}

.mdi-file-marker-outline:before {
    content: "󱝵"
}

.mdi-file-minus:before {
    content: "󱪡"
}

.mdi-file-minus-outline:before {
    content: "󱪢"
}

.mdi-file-move:before {
    content: "󰪹"
}

.mdi-file-move-outline:before {
    content: "󱀱"
}

.mdi-file-multiple:before {
    content: "󰈢"
}

.mdi-file-multiple-outline:before {
    content: "󱀲"
}

.mdi-file-music:before {
    content: "󰈣"
}

.mdi-file-music-outline:before {
    content: "󰸪"
}

.mdi-file-outline:before {
    content: "󰈤"
}

.mdi-file-pdf-box:before {
    content: "󰈦"
}

.mdi-file-percent:before {
    content: "󰠞"
}

.mdi-file-percent-outline:before {
    content: "󱀳"
}

.mdi-file-phone:before {
    content: "󱅹"
}

.mdi-file-phone-outline:before {
    content: "󱅺"
}

.mdi-file-plus:before {
    content: "󰝒"
}

.mdi-file-plus-outline:before {
    content: "󰻭"
}

.mdi-file-png-box:before {
    content: "󰸭"
}

.mdi-file-powerpoint:before {
    content: "󰈧"
}

.mdi-file-powerpoint-box:before {
    content: "󰈨"
}

.mdi-file-powerpoint-box-outline:before {
    content: "󱀴"
}

.mdi-file-powerpoint-outline:before {
    content: "󱀵"
}

.mdi-file-presentation-box:before {
    content: "󰈩"
}

.mdi-file-question:before {
    content: "󰡯"
}

.mdi-file-question-outline:before {
    content: "󱀶"
}

.mdi-file-refresh:before {
    content: "󰤘"
}

.mdi-file-refresh-outline:before {
    content: "󰕁"
}

.mdi-file-remove:before {
    content: "󰮘"
}

.mdi-file-remove-outline:before {
    content: "󱀷"
}

.mdi-file-replace:before {
    content: "󰬲"
}

.mdi-file-replace-outline:before {
    content: "󰬳"
}

.mdi-file-restore:before {
    content: "󰙰"
}

.mdi-file-restore-outline:before {
    content: "󱀸"
}

.mdi-file-rotate-left:before {
    content: "󱨻"
}

.mdi-file-rotate-left-outline:before {
    content: "󱨼"
}

.mdi-file-rotate-right:before {
    content: "󱨽"
}

.mdi-file-rotate-right-outline:before {
    content: "󱨾"
}

.mdi-file-search:before {
    content: "󰱼"
}

.mdi-file-search-outline:before {
    content: "󰱽"
}

.mdi-file-send:before {
    content: "󰈪"
}

.mdi-file-send-outline:before {
    content: "󱀹"
}

.mdi-file-settings:before {
    content: "󱁹"
}

.mdi-file-settings-outline:before {
    content: "󱁺"
}

.mdi-file-sign:before {
    content: "󱧃"
}

.mdi-file-star:before {
    content: "󱀺"
}

.mdi-file-star-four-points:before {
    content: "󱰭"
}

.mdi-file-star-four-points-outline:before {
    content: "󱰮"
}

.mdi-file-star-outline:before {
    content: "󱀻"
}

.mdi-file-swap:before {
    content: "󰾴"
}

.mdi-file-swap-outline:before {
    content: "󰾵"
}

.mdi-file-sync:before {
    content: "󱈖"
}

.mdi-file-sync-outline:before {
    content: "󱈗"
}

.mdi-file-table:before {
    content: "󰱾"
}

.mdi-file-table-box:before {
    content: "󱃡"
}

.mdi-file-table-box-multiple:before {
    content: "󱃢"
}

.mdi-file-table-box-multiple-outline:before {
    content: "󱃣"
}

.mdi-file-table-box-outline:before {
    content: "󱃤"
}

.mdi-file-table-outline:before {
    content: "󰱿"
}

.mdi-file-tree:before {
    content: "󰙅"
}

.mdi-file-tree-outline:before {
    content: "󱏒"
}

.mdi-file-undo:before {
    content: "󰣜"
}

.mdi-file-undo-outline:before {
    content: "󱀼"
}

.mdi-file-upload:before {
    content: "󰩍"
}

.mdi-file-upload-outline:before {
    content: "󰩎"
}

.mdi-file-video:before {
    content: "󰈫"
}

.mdi-file-video-outline:before {
    content: "󰸬"
}

.mdi-file-word:before {
    content: "󰈬"
}

.mdi-file-word-box:before {
    content: "󰈭"
}

.mdi-file-word-box-outline:before {
    content: "󱀽"
}

.mdi-file-word-outline:before {
    content: "󱀾"
}

.mdi-file-xml-box:before {
    content: "󱭋"
}

.mdi-film:before {
    content: "󰈯"
}

.mdi-filmstrip:before {
    content: "󰈰"
}

.mdi-filmstrip-box:before {
    content: "󰌲"
}

.mdi-filmstrip-box-multiple:before {
    content: "󰴘"
}

.mdi-filmstrip-off:before {
    content: "󰈱"
}

.mdi-filter:before {
    content: "󰈲"
}

.mdi-filter-check:before {
    content: "󱣬"
}

.mdi-filter-check-outline:before {
    content: "󱣭"
}

.mdi-filter-cog:before {
    content: "󱪣"
}

.mdi-filter-cog-outline:before {
    content: "󱪤"
}

.mdi-filter-menu:before {
    content: "󱃥"
}

.mdi-filter-menu-outline:before {
    content: "󱃦"
}

.mdi-filter-minus:before {
    content: "󰻮"
}

.mdi-filter-minus-outline:before {
    content: "󰻯"
}

.mdi-filter-multiple:before {
    content: "󱨿"
}

.mdi-filter-multiple-outline:before {
    content: "󱩀"
}

.mdi-filter-off:before {
    content: "󱓯"
}

.mdi-filter-off-outline:before {
    content: "󱓰"
}

.mdi-filter-outline:before {
    content: "󰈳"
}

.mdi-filter-plus:before {
    content: "󰻰"
}

.mdi-filter-plus-outline:before {
    content: "󰻱"
}

.mdi-filter-remove:before {
    content: "󰈴"
}

.mdi-filter-remove-outline:before {
    content: "󰈵"
}

.mdi-filter-settings:before {
    content: "󱪥"
}

.mdi-filter-settings-outline:before {
    content: "󱪦"
}

.mdi-filter-variant:before {
    content: "󰈶"
}

.mdi-filter-variant-minus:before {
    content: "󱄒"
}

.mdi-filter-variant-plus:before {
    content: "󱄓"
}

.mdi-filter-variant-remove:before {
    content: "󱀿"
}

.mdi-finance:before {
    content: "󰠟"
}

.mdi-find-replace:before {
    content: "󰛔"
}

.mdi-fingerprint:before {
    content: "󰈷"
}

.mdi-fingerprint-off:before {
    content: "󰺱"
}

.mdi-fire:before {
    content: "󰈸"
}

.mdi-fire-alert:before {
    content: "󱗗"
}

.mdi-fire-circle:before {
    content: "󱠇"
}

.mdi-fire-extinguisher:before {
    content: "󰻲"
}

.mdi-fire-hydrant:before {
    content: "󱄷"
}

.mdi-fire-hydrant-alert:before {
    content: "󱄸"
}

.mdi-fire-hydrant-off:before {
    content: "󱄹"
}

.mdi-fire-off:before {
    content: "󱜢"
}

.mdi-fire-truck:before {
    content: "󰢫"
}

.mdi-firebase:before {
    content: "󰥧"
}

.mdi-firefox:before {
    content: "󰈹"
}

.mdi-fireplace:before {
    content: "󰸮"
}

.mdi-fireplace-off:before {
    content: "󰸯"
}

.mdi-firewire:before {
    content: "󰖾"
}

.mdi-firework:before {
    content: "󰸰"
}

.mdi-firework-off:before {
    content: "󱜣"
}

.mdi-fish:before {
    content: "󰈺"
}

.mdi-fish-off:before {
    content: "󱏳"
}

.mdi-fishbowl:before {
    content: "󰻳"
}

.mdi-fishbowl-outline:before {
    content: "󰻴"
}

.mdi-fit-to-page:before {
    content: "󰻵"
}

.mdi-fit-to-page-outline:before {
    content: "󰻶"
}

.mdi-fit-to-screen:before {
    content: "󱣴"
}

.mdi-fit-to-screen-outline:before {
    content: "󱣵"
}

.mdi-flag:before {
    content: "󰈻"
}

.mdi-flag-checkered:before {
    content: "󰈼"
}

.mdi-flag-minus:before {
    content: "󰮙"
}

.mdi-flag-minus-outline:before {
    content: "󱂲"
}

.mdi-flag-off:before {
    content: "󱣮"
}

.mdi-flag-off-outline:before {
    content: "󱣯"
}

.mdi-flag-outline:before {
    content: "󰈽"
}

.mdi-flag-plus:before {
    content: "󰮚"
}

.mdi-flag-plus-outline:before {
    content: "󱂳"
}

.mdi-flag-remove:before {
    content: "󰮛"
}

.mdi-flag-remove-outline:before {
    content: "󱂴"
}

.mdi-flag-triangle:before {
    content: "󰈿"
}

.mdi-flag-variant:before {
    content: "󰉀"
}

.mdi-flag-variant-minus:before {
    content: "󱮴"
}

.mdi-flag-variant-minus-outline:before {
    content: "󱮵"
}

.mdi-flag-variant-off:before {
    content: "󱮰"
}

.mdi-flag-variant-off-outline:before {
    content: "󱮱"
}

.mdi-flag-variant-outline:before {
    content: "󰈾"
}

.mdi-flag-variant-plus:before {
    content: "󱮲"
}

.mdi-flag-variant-plus-outline:before {
    content: "󱮳"
}

.mdi-flag-variant-remove:before {
    content: "󱮶"
}

.mdi-flag-variant-remove-outline:before {
    content: "󱮷"
}

.mdi-flare:before {
    content: "󰵲"
}

.mdi-flash:before {
    content: "󰉁"
}

.mdi-flash-alert:before {
    content: "󰻷"
}

.mdi-flash-alert-outline:before {
    content: "󰻸"
}

.mdi-flash-auto:before {
    content: "󰉂"
}

.mdi-flash-off:before {
    content: "󰉃"
}

.mdi-flash-off-outline:before {
    content: "󱭅"
}

.mdi-flash-outline:before {
    content: "󰛕"
}

.mdi-flash-red-eye:before {
    content: "󰙻"
}

.mdi-flash-triangle:before {
    content: "󱬝"
}

.mdi-flash-triangle-outline:before {
    content: "󱬞"
}

.mdi-flashlight:before {
    content: "󰉄"
}

.mdi-flashlight-off:before {
    content: "󰉅"
}

.mdi-flask:before {
    content: "󰂓"
}

.mdi-flask-empty:before {
    content: "󰂔"
}

.mdi-flask-empty-minus:before {
    content: "󱈺"
}

.mdi-flask-empty-minus-outline:before {
    content: "󱈻"
}

.mdi-flask-empty-off:before {
    content: "󱏴"
}

.mdi-flask-empty-off-outline:before {
    content: "󱏵"
}

.mdi-flask-empty-outline:before {
    content: "󰂕"
}

.mdi-flask-empty-plus:before {
    content: "󱈼"
}

.mdi-flask-empty-plus-outline:before {
    content: "󱈽"
}

.mdi-flask-empty-remove:before {
    content: "󱈾"
}

.mdi-flask-empty-remove-outline:before {
    content: "󱈿"
}

.mdi-flask-minus:before {
    content: "󱉀"
}

.mdi-flask-minus-outline:before {
    content: "󱉁"
}

.mdi-flask-off:before {
    content: "󱏶"
}

.mdi-flask-off-outline:before {
    content: "󱏷"
}

.mdi-flask-outline:before {
    content: "󰂖"
}

.mdi-flask-plus:before {
    content: "󱉂"
}

.mdi-flask-plus-outline:before {
    content: "󱉃"
}

.mdi-flask-remove:before {
    content: "󱉄"
}

.mdi-flask-remove-outline:before {
    content: "󱉅"
}

.mdi-flask-round-bottom:before {
    content: "󱉋"
}

.mdi-flask-round-bottom-empty:before {
    content: "󱉌"
}

.mdi-flask-round-bottom-empty-outline:before {
    content: "󱉍"
}

.mdi-flask-round-bottom-outline:before {
    content: "󱉎"
}

.mdi-fleur-de-lis:before {
    content: "󱌃"
}

.mdi-flip-horizontal:before {
    content: "󱃧"
}

.mdi-flip-to-back:before {
    content: "󰉇"
}

.mdi-flip-to-front:before {
    content: "󰉈"
}

.mdi-flip-vertical:before {
    content: "󱃨"
}

.mdi-floor-lamp:before {
    content: "󰣝"
}

.mdi-floor-lamp-dual:before {
    content: "󱁀"
}

.mdi-floor-lamp-dual-outline:before {
    content: "󱟎"
}

.mdi-floor-lamp-outline:before {
    content: "󱟈"
}

.mdi-floor-lamp-torchiere:before {
    content: "󱝇"
}

.mdi-floor-lamp-torchiere-outline:before {
    content: "󱟖"
}

.mdi-floor-lamp-torchiere-variant:before {
    content: "󱁁"
}

.mdi-floor-lamp-torchiere-variant-outline:before {
    content: "󱟏"
}

.mdi-floor-plan:before {
    content: "󰠡"
}

.mdi-floppy:before {
    content: "󰉉"
}

.mdi-floppy-variant:before {
    content: "󰧯"
}

.mdi-flower:before {
    content: "󰉊"
}

.mdi-flower-outline:before {
    content: "󰧰"
}

.mdi-flower-pollen:before {
    content: "󱢅"
}

.mdi-flower-pollen-outline:before {
    content: "󱢆"
}

.mdi-flower-poppy:before {
    content: "󰴈"
}

.mdi-flower-tulip:before {
    content: "󰧱"
}

.mdi-flower-tulip-outline:before {
    content: "󰧲"
}

.mdi-focus-auto:before {
    content: "󰽎"
}

.mdi-focus-field:before {
    content: "󰽏"
}

.mdi-focus-field-horizontal:before {
    content: "󰽐"
}

.mdi-focus-field-vertical:before {
    content: "󰽑"
}

.mdi-folder:before {
    content: "󰉋"
}

.mdi-folder-account:before {
    content: "󰉌"
}

.mdi-folder-account-outline:before {
    content: "󰮜"
}

.mdi-folder-alert:before {
    content: "󰷌"
}

.mdi-folder-alert-outline:before {
    content: "󰷍"
}

.mdi-folder-arrow-down:before {
    content: "󱧨"
}

.mdi-folder-arrow-down-outline:before {
    content: "󱧩"
}

.mdi-folder-arrow-left:before {
    content: "󱧪"
}

.mdi-folder-arrow-left-outline:before {
    content: "󱧫"
}

.mdi-folder-arrow-left-right:before {
    content: "󱧬"
}

.mdi-folder-arrow-left-right-outline:before {
    content: "󱧭"
}

.mdi-folder-arrow-right:before {
    content: "󱧮"
}

.mdi-folder-arrow-right-outline:before {
    content: "󱧯"
}

.mdi-folder-arrow-up:before {
    content: "󱧰"
}

.mdi-folder-arrow-up-down:before {
    content: "󱧱"
}

.mdi-folder-arrow-up-down-outline:before {
    content: "󱧲"
}

.mdi-folder-arrow-up-outline:before {
    content: "󱧳"
}

.mdi-folder-cancel:before {
    content: "󱧴"
}

.mdi-folder-cancel-outline:before {
    content: "󱧵"
}

.mdi-folder-check:before {
    content: "󱥾"
}

.mdi-folder-check-outline:before {
    content: "󱥿"
}

.mdi-folder-clock:before {
    content: "󰪺"
}

.mdi-folder-clock-outline:before {
    content: "󰪻"
}

.mdi-folder-cog:before {
    content: "󱁿"
}

.mdi-folder-cog-outline:before {
    content: "󱂀"
}

.mdi-folder-download:before {
    content: "󰉍"
}

.mdi-folder-download-outline:before {
    content: "󱃩"
}

.mdi-folder-edit:before {
    content: "󰣞"
}

.mdi-folder-edit-outline:before {
    content: "󰷎"
}

.mdi-folder-eye:before {
    content: "󱞊"
}

.mdi-folder-eye-outline:before {
    content: "󱞋"
}

.mdi-folder-file:before {
    content: "󱧶"
}

.mdi-folder-file-outline:before {
    content: "󱧷"
}

.mdi-folder-google-drive:before {
    content: "󰉎"
}

.mdi-folder-heart:before {
    content: "󱃪"
}

.mdi-folder-heart-outline:before {
    content: "󱃫"
}

.mdi-folder-hidden:before {
    content: "󱞞"
}

.mdi-folder-home:before {
    content: "󱂵"
}

.mdi-folder-home-outline:before {
    content: "󱂶"
}

.mdi-folder-image:before {
    content: "󰉏"
}

.mdi-folder-information:before {
    content: "󱂷"
}

.mdi-folder-information-outline:before {
    content: "󱂸"
}

.mdi-folder-key:before {
    content: "󰢬"
}

.mdi-folder-key-network:before {
    content: "󰢭"
}

.mdi-folder-key-network-outline:before {
    content: "󰲀"
}

.mdi-folder-key-outline:before {
    content: "󱃬"
}

.mdi-folder-lock:before {
    content: "󰉐"
}

.mdi-folder-lock-open:before {
    content: "󰉑"
}

.mdi-folder-lock-open-outline:before {
    content: "󱪧"
}

.mdi-folder-lock-outline:before {
    content: "󱪨"
}

.mdi-folder-marker:before {
    content: "󱉭"
}

.mdi-folder-marker-outline:before {
    content: "󱉮"
}

.mdi-folder-minus:before {
    content: "󱭉"
}

.mdi-folder-minus-outline:before {
    content: "󱭊"
}

.mdi-folder-move:before {
    content: "󰉒"
}

.mdi-folder-move-outline:before {
    content: "󱉆"
}

.mdi-folder-multiple:before {
    content: "󰉓"
}

.mdi-folder-multiple-image:before {
    content: "󰉔"
}

.mdi-folder-multiple-outline:before {
    content: "󰉕"
}

.mdi-folder-multiple-plus:before {
    content: "󱑾"
}

.mdi-folder-multiple-plus-outline:before {
    content: "󱑿"
}

.mdi-folder-music:before {
    content: "󱍙"
}

.mdi-folder-music-outline:before {
    content: "󱍚"
}

.mdi-folder-network:before {
    content: "󰡰"
}

.mdi-folder-network-outline:before {
    content: "󰲁"
}

.mdi-folder-off:before {
    content: "󱧸"
}

.mdi-folder-off-outline:before {
    content: "󱧹"
}

.mdi-folder-open:before {
    content: "󰝰"
}

.mdi-folder-open-outline:before {
    content: "󰷏"
}

.mdi-folder-outline:before {
    content: "󰉖"
}

.mdi-folder-play:before {
    content: "󱧺"
}

.mdi-folder-play-outline:before {
    content: "󱧻"
}

.mdi-folder-plus:before {
    content: "󰉗"
}

.mdi-folder-plus-outline:before {
    content: "󰮝"
}

.mdi-folder-pound:before {
    content: "󰴉"
}

.mdi-folder-pound-outline:before {
    content: "󰴊"
}

.mdi-folder-question:before {
    content: "󱧊"
}

.mdi-folder-question-outline:before {
    content: "󱧋"
}

.mdi-folder-refresh:before {
    content: "󰝉"
}

.mdi-folder-refresh-outline:before {
    content: "󰕂"
}

.mdi-folder-remove:before {
    content: "󰉘"
}

.mdi-folder-remove-outline:before {
    content: "󰮞"
}

.mdi-folder-search:before {
    content: "󰥨"
}

.mdi-folder-search-outline:before {
    content: "󰥩"
}

.mdi-folder-settings:before {
    content: "󱁽"
}

.mdi-folder-settings-outline:before {
    content: "󱁾"
}

.mdi-folder-star:before {
    content: "󰚝"
}

.mdi-folder-star-multiple:before {
    content: "󱏓"
}

.mdi-folder-star-multiple-outline:before {
    content: "󱏔"
}

.mdi-folder-star-outline:before {
    content: "󰮟"
}

.mdi-folder-swap:before {
    content: "󰾶"
}

.mdi-folder-swap-outline:before {
    content: "󰾷"
}

.mdi-folder-sync:before {
    content: "󰴋"
}

.mdi-folder-sync-outline:before {
    content: "󰴌"
}

.mdi-folder-table:before {
    content: "󱋣"
}

.mdi-folder-table-outline:before {
    content: "󱋤"
}

.mdi-folder-text:before {
    content: "󰲂"
}

.mdi-folder-text-outline:before {
    content: "󰲃"
}

.mdi-folder-upload:before {
    content: "󰉙"
}

.mdi-folder-upload-outline:before {
    content: "󱃭"
}

.mdi-folder-wrench:before {
    content: "󱧼"
}

.mdi-folder-wrench-outline:before {
    content: "󱧽"
}

.mdi-folder-zip:before {
    content: "󰛫"
}

.mdi-folder-zip-outline:before {
    content: "󰞹"
}

.mdi-font-awesome:before {
    content: "󰀺"
}

.mdi-food:before {
    content: "󰉚"
}

.mdi-food-apple:before {
    content: "󰉛"
}

.mdi-food-apple-outline:before {
    content: "󰲄"
}

.mdi-food-croissant:before {
    content: "󰟈"
}

.mdi-food-drumstick:before {
    content: "󱐟"
}

.mdi-food-drumstick-off:before {
    content: "󱑨"
}

.mdi-food-drumstick-off-outline:before {
    content: "󱑩"
}

.mdi-food-drumstick-outline:before {
    content: "󱐠"
}

.mdi-food-fork-drink:before {
    content: "󰗲"
}

.mdi-food-halal:before {
    content: "󱕲"
}

.mdi-food-hot-dog:before {
    content: "󱡋"
}

.mdi-food-kosher:before {
    content: "󱕳"
}

.mdi-food-off:before {
    content: "󰗳"
}

.mdi-food-off-outline:before {
    content: "󱤕"
}

.mdi-food-outline:before {
    content: "󱤖"
}

.mdi-food-steak:before {
    content: "󱑪"
}

.mdi-food-steak-off:before {
    content: "󱑫"
}

.mdi-food-takeout-box:before {
    content: "󱠶"
}

.mdi-food-takeout-box-outline:before {
    content: "󱠷"
}

.mdi-food-turkey:before {
    content: "󱜜"
}

.mdi-food-variant:before {
    content: "󰉜"
}

.mdi-food-variant-off:before {
    content: "󱏥"
}

.mdi-foot-print:before {
    content: "󰽒"
}

.mdi-football:before {
    content: "󰉝"
}

.mdi-football-australian:before {
    content: "󰉞"
}

.mdi-football-helmet:before {
    content: "󰉟"
}

.mdi-forest:before {
    content: "󱢗"
}

.mdi-forest-outline:before {
    content: "󱱣"
}

.mdi-forklift:before {
    content: "󰟉"
}

.mdi-form-dropdown:before {
    content: "󱐀"
}

.mdi-form-select:before {
    content: "󱐁"
}

.mdi-form-textarea:before {
    content: "󱂕"
}

.mdi-form-textbox:before {
    content: "󰘎"
}

.mdi-form-textbox-lock:before {
    content: "󱍝"
}

.mdi-form-textbox-password:before {
    content: "󰟵"
}

.mdi-format-align-bottom:before {
    content: "󰝓"
}

.mdi-format-align-center:before {
    content: "󰉠"
}

.mdi-format-align-justify:before {
    content: "󰉡"
}

.mdi-format-align-left:before {
    content: "󰉢"
}

.mdi-format-align-middle:before {
    content: "󰝔"
}

.mdi-format-align-right:before {
    content: "󰉣"
}

.mdi-format-align-top:before {
    content: "󰝕"
}

.mdi-format-annotation-minus:before {
    content: "󰪼"
}

.mdi-format-annotation-plus:before {
    content: "󰙆"
}

.mdi-format-bold:before {
    content: "󰉤"
}

.mdi-format-clear:before {
    content: "󰉥"
}

.mdi-format-color-fill:before {
    content: "󰉦"
}

.mdi-format-color-highlight:before {
    content: "󰸱"
}

.mdi-format-color-marker-cancel:before {
    content: "󱌓"
}

.mdi-format-color-text:before {
    content: "󰚞"
}

.mdi-format-columns:before {
    content: "󰣟"
}

.mdi-format-float-center:before {
    content: "󰉧"
}

.mdi-format-float-left:before {
    content: "󰉨"
}

.mdi-format-float-none:before {
    content: "󰉩"
}

.mdi-format-float-right:before {
    content: "󰉪"
}

.mdi-format-font:before {
    content: "󰛖"
}

.mdi-format-font-size-decrease:before {
    content: "󰧳"
}

.mdi-format-font-size-increase:before {
    content: "󰧴"
}

.mdi-format-header-1:before {
    content: "󰉫"
}

.mdi-format-header-2:before {
    content: "󰉬"
}

.mdi-format-header-3:before {
    content: "󰉭"
}

.mdi-format-header-4:before {
    content: "󰉮"
}

.mdi-format-header-5:before {
    content: "󰉯"
}

.mdi-format-header-6:before {
    content: "󰉰"
}

.mdi-format-header-decrease:before {
    content: "󰉱"
}

.mdi-format-header-equal:before {
    content: "󰉲"
}

.mdi-format-header-increase:before {
    content: "󰉳"
}

.mdi-format-header-pound:before {
    content: "󰉴"
}

.mdi-format-horizontal-align-center:before {
    content: "󰘞"
}

.mdi-format-horizontal-align-left:before {
    content: "󰘟"
}

.mdi-format-horizontal-align-right:before {
    content: "󰘠"
}

.mdi-format-indent-decrease:before {
    content: "󰉵"
}

.mdi-format-indent-increase:before {
    content: "󰉶"
}

.mdi-format-italic:before {
    content: "󰉷"
}

.mdi-format-letter-case:before {
    content: "󰬴"
}

.mdi-format-letter-case-lower:before {
    content: "󰬵"
}

.mdi-format-letter-case-upper:before {
    content: "󰬶"
}

.mdi-format-letter-ends-with:before {
    content: "󰾸"
}

.mdi-format-letter-matches:before {
    content: "󰾹"
}

.mdi-format-letter-spacing:before {
    content: "󱥖"
}

.mdi-format-letter-spacing-variant:before {
    content: "󱫻"
}

.mdi-format-letter-starts-with:before {
    content: "󰾺"
}

.mdi-format-line-height:before {
    content: "󱫼"
}

.mdi-format-line-spacing:before {
    content: "󰉸"
}

.mdi-format-line-style:before {
    content: "󰗈"
}

.mdi-format-line-weight:before {
    content: "󰗉"
}

.mdi-format-list-bulleted:before {
    content: "󰉹"
}

.mdi-format-list-bulleted-square:before {
    content: "󰷐"
}

.mdi-format-list-bulleted-triangle:before {
    content: "󰺲"
}

.mdi-format-list-bulleted-type:before {
    content: "󰉺"
}

.mdi-format-list-checkbox:before {
    content: "󰥪"
}

.mdi-format-list-checks:before {
    content: "󰝖"
}

.mdi-format-list-group:before {
    content: "󱡠"
}

.mdi-format-list-group-plus:before {
    content: "󱭖"
}

.mdi-format-list-numbered:before {
    content: "󰉻"
}

.mdi-format-list-numbered-rtl:before {
    content: "󰴍"
}

.mdi-format-list-text:before {
    content: "󱉯"
}

.mdi-format-overline:before {
    content: "󰺳"
}

.mdi-format-page-break:before {
    content: "󰛗"
}

.mdi-format-page-split:before {
    content: "󱤗"
}

.mdi-format-paint:before {
    content: "󰉼"
}

.mdi-format-paragraph:before {
    content: "󰉽"
}

.mdi-format-paragraph-spacing:before {
    content: "󱫽"
}

.mdi-format-pilcrow:before {
    content: "󰛘"
}

.mdi-format-pilcrow-arrow-left:before {
    content: "󰊆"
}

.mdi-format-pilcrow-arrow-right:before {
    content: "󰊅"
}

.mdi-format-quote-close:before {
    content: "󰉾"
}

.mdi-format-quote-close-outline:before {
    content: "󱆨"
}

.mdi-format-quote-open:before {
    content: "󰝗"
}

.mdi-format-quote-open-outline:before {
    content: "󱆧"
}

.mdi-format-rotate-90:before {
    content: "󰚪"
}

.mdi-format-section:before {
    content: "󰚟"
}

.mdi-format-size:before {
    content: "󰉿"
}

.mdi-format-strikethrough:before {
    content: "󰊀"
}

.mdi-format-strikethrough-variant:before {
    content: "󰊁"
}

.mdi-format-subscript:before {
    content: "󰊂"
}

.mdi-format-superscript:before {
    content: "󰊃"
}

.mdi-format-text:before {
    content: "󰊄"
}

.mdi-format-text-rotation-angle-down:before {
    content: "󰾻"
}

.mdi-format-text-rotation-angle-up:before {
    content: "󰾼"
}

.mdi-format-text-rotation-down:before {
    content: "󰵳"
}

.mdi-format-text-rotation-down-vertical:before {
    content: "󰾽"
}

.mdi-format-text-rotation-none:before {
    content: "󰵴"
}

.mdi-format-text-rotation-up:before {
    content: "󰾾"
}

.mdi-format-text-rotation-vertical:before {
    content: "󰾿"
}

.mdi-format-text-variant:before {
    content: "󰸲"
}

.mdi-format-text-variant-outline:before {
    content: "󱔏"
}

.mdi-format-text-wrapping-clip:before {
    content: "󰴎"
}

.mdi-format-text-wrapping-overflow:before {
    content: "󰴏"
}

.mdi-format-text-wrapping-wrap:before {
    content: "󰴐"
}

.mdi-format-textbox:before {
    content: "󰴑"
}

.mdi-format-title:before {
    content: "󰗴"
}

.mdi-format-underline:before {
    content: "󰊇"
}

.mdi-format-underline-wavy:before {
    content: "󱣩"
}

.mdi-format-vertical-align-bottom:before {
    content: "󰘡"
}

.mdi-format-vertical-align-center:before {
    content: "󰘢"
}

.mdi-format-vertical-align-top:before {
    content: "󰘣"
}

.mdi-format-wrap-inline:before {
    content: "󰊈"
}

.mdi-format-wrap-square:before {
    content: "󰊉"
}

.mdi-format-wrap-tight:before {
    content: "󰊊"
}

.mdi-format-wrap-top-bottom:before {
    content: "󰊋"
}

.mdi-forum:before {
    content: "󰊌"
}

.mdi-forum-minus:before {
    content: "󱪩"
}

.mdi-forum-minus-outline:before {
    content: "󱪪"
}

.mdi-forum-outline:before {
    content: "󰠢"
}

.mdi-forum-plus:before {
    content: "󱪫"
}

.mdi-forum-plus-outline:before {
    content: "󱪬"
}

.mdi-forum-remove:before {
    content: "󱪭"
}

.mdi-forum-remove-outline:before {
    content: "󱪮"
}

.mdi-forward:before {
    content: "󰊍"
}

.mdi-forwardburger:before {
    content: "󰵵"
}

.mdi-fountain:before {
    content: "󰥫"
}

.mdi-fountain-pen:before {
    content: "󰴒"
}

.mdi-fountain-pen-tip:before {
    content: "󰴓"
}

.mdi-fraction-one-half:before {
    content: "󱦒"
}

.mdi-freebsd:before {
    content: "󰣠"
}

.mdi-french-fries:before {
    content: "󱥗"
}

.mdi-frequently-asked-questions:before {
    content: "󰺴"
}

.mdi-fridge:before {
    content: "󰊐"
}

.mdi-fridge-alert:before {
    content: "󱆱"
}

.mdi-fridge-alert-outline:before {
    content: "󱆲"
}

.mdi-fridge-bottom:before {
    content: "󰊒"
}

.mdi-fridge-industrial:before {
    content: "󱗮"
}

.mdi-fridge-industrial-alert:before {
    content: "󱗯"
}

.mdi-fridge-industrial-alert-outline:before {
    content: "󱗰"
}

.mdi-fridge-industrial-off:before {
    content: "󱗱"
}

.mdi-fridge-industrial-off-outline:before {
    content: "󱗲"
}

.mdi-fridge-industrial-outline:before {
    content: "󱗳"
}

.mdi-fridge-off:before {
    content: "󱆯"
}

.mdi-fridge-off-outline:before {
    content: "󱆰"
}

.mdi-fridge-outline:before {
    content: "󰊏"
}

.mdi-fridge-top:before {
    content: "󰊑"
}

.mdi-fridge-variant:before {
    content: "󱗴"
}

.mdi-fridge-variant-alert:before {
    content: "󱗵"
}

.mdi-fridge-variant-alert-outline:before {
    content: "󱗶"
}

.mdi-fridge-variant-off:before {
    content: "󱗷"
}

.mdi-fridge-variant-off-outline:before {
    content: "󱗸"
}

.mdi-fridge-variant-outline:before {
    content: "󱗹"
}

.mdi-fruit-cherries:before {
    content: "󱁂"
}

.mdi-fruit-cherries-off:before {
    content: "󱏸"
}

.mdi-fruit-citrus:before {
    content: "󱁃"
}

.mdi-fruit-citrus-off:before {
    content: "󱏹"
}

.mdi-fruit-grapes:before {
    content: "󱁄"
}

.mdi-fruit-grapes-outline:before {
    content: "󱁅"
}

.mdi-fruit-pear:before {
    content: "󱨎"
}

.mdi-fruit-pineapple:before {
    content: "󱁆"
}

.mdi-fruit-watermelon:before {
    content: "󱁇"
}

.mdi-fuel:before {
    content: "󰟊"
}

.mdi-fuel-cell:before {
    content: "󱢵"
}

.mdi-fullscreen:before {
    content: "󰊓"
}

.mdi-fullscreen-exit:before {
    content: "󰊔"
}

.mdi-function:before {
    content: "󰊕"
}

.mdi-function-variant:before {
    content: "󰡱"
}

.mdi-furigana-horizontal:before {
    content: "󱂁"
}

.mdi-furigana-vertical:before {
    content: "󱂂"
}

.mdi-fuse:before {
    content: "󰲅"
}

.mdi-fuse-alert:before {
    content: "󱐭"
}

.mdi-fuse-blade:before {
    content: "󰲆"
}

.mdi-fuse-off:before {
    content: "󱐬"
}

.mdi-gamepad:before {
    content: "󰊖"
}

.mdi-gamepad-circle:before {
    content: "󰸳"
}

.mdi-gamepad-circle-down:before {
    content: "󰸴"
}

.mdi-gamepad-circle-left:before {
    content: "󰸵"
}

.mdi-gamepad-circle-outline:before {
    content: "󰸶"
}

.mdi-gamepad-circle-right:before {
    content: "󰸷"
}

.mdi-gamepad-circle-up:before {
    content: "󰸸"
}

.mdi-gamepad-down:before {
    content: "󰸹"
}

.mdi-gamepad-left:before {
    content: "󰸺"
}

.mdi-gamepad-outline:before {
    content: "󱤙"
}

.mdi-gamepad-right:before {
    content: "󰸻"
}

.mdi-gamepad-round:before {
    content: "󰸼"
}

.mdi-gamepad-round-down:before {
    content: "󰸽"
}

.mdi-gamepad-round-left:before {
    content: "󰸾"
}

.mdi-gamepad-round-outline:before {
    content: "󰸿"
}

.mdi-gamepad-round-right:before {
    content: "󰹀"
}

.mdi-gamepad-round-up:before {
    content: "󰹁"
}

.mdi-gamepad-square:before {
    content: "󰺵"
}

.mdi-gamepad-square-outline:before {
    content: "󰺶"
}

.mdi-gamepad-up:before {
    content: "󰹂"
}

.mdi-gamepad-variant:before {
    content: "󰊗"
}

.mdi-gamepad-variant-outline:before {
    content: "󰺷"
}

.mdi-gamma:before {
    content: "󱃮"
}

.mdi-gantry-crane:before {
    content: "󰷑"
}

.mdi-garage:before {
    content: "󰛙"
}

.mdi-garage-alert:before {
    content: "󰡲"
}

.mdi-garage-alert-variant:before {
    content: "󱋕"
}

.mdi-garage-lock:before {
    content: "󱟻"
}

.mdi-garage-open:before {
    content: "󰛚"
}

.mdi-garage-open-variant:before {
    content: "󱋔"
}

.mdi-garage-variant:before {
    content: "󱋓"
}

.mdi-garage-variant-lock:before {
    content: "󱟼"
}

.mdi-gas-burner:before {
    content: "󱨛"
}

.mdi-gas-cylinder:before {
    content: "󰙇"
}

.mdi-gas-station:before {
    content: "󰊘"
}

.mdi-gas-station-off:before {
    content: "󱐉"
}

.mdi-gas-station-off-outline:before {
    content: "󱐊"
}

.mdi-gas-station-outline:before {
    content: "󰺸"
}

.mdi-gate:before {
    content: "󰊙"
}

.mdi-gate-alert:before {
    content: "󱟸"
}

.mdi-gate-and:before {
    content: "󰣡"
}

.mdi-gate-arrow-left:before {
    content: "󱟷"
}

.mdi-gate-arrow-right:before {
    content: "󱅩"
}

.mdi-gate-buffer:before {
    content: "󱫾"
}

.mdi-gate-nand:before {
    content: "󰣢"
}

.mdi-gate-nor:before {
    content: "󰣣"
}

.mdi-gate-not:before {
    content: "󰣤"
}

.mdi-gate-open:before {
    content: "󱅪"
}

.mdi-gate-or:before {
    content: "󰣥"
}

.mdi-gate-xnor:before {
    content: "󰣦"
}

.mdi-gate-xor:before {
    content: "󰣧"
}

.mdi-gatsby:before {
    content: "󰹃"
}

.mdi-gauge:before {
    content: "󰊚"
}

.mdi-gauge-empty:before {
    content: "󰡳"
}

.mdi-gauge-full:before {
    content: "󰡴"
}

.mdi-gauge-low:before {
    content: "󰡵"
}

.mdi-gavel:before {
    content: "󰊛"
}

.mdi-gender-female:before {
    content: "󰊜"
}

.mdi-gender-male:before {
    content: "󰊝"
}

.mdi-gender-male-female:before {
    content: "󰊞"
}

.mdi-gender-male-female-variant:before {
    content: "󱄿"
}

.mdi-gender-non-binary:before {
    content: "󱅀"
}

.mdi-gender-transgender:before {
    content: "󰊟"
}

.mdi-gentoo:before {
    content: "󰣨"
}

.mdi-gesture:before {
    content: "󰟋"
}

.mdi-gesture-double-tap:before {
    content: "󰜼"
}

.mdi-gesture-pinch:before {
    content: "󰪽"
}

.mdi-gesture-spread:before {
    content: "󰪾"
}

.mdi-gesture-swipe:before {
    content: "󰵶"
}

.mdi-gesture-swipe-down:before {
    content: "󰜽"
}

.mdi-gesture-swipe-horizontal:before {
    content: "󰪿"
}

.mdi-gesture-swipe-left:before {
    content: "󰜾"
}

.mdi-gesture-swipe-right:before {
    content: "󰜿"
}

.mdi-gesture-swipe-up:before {
    content: "󰝀"
}

.mdi-gesture-swipe-vertical:before {
    content: "󰫀"
}

.mdi-gesture-tap:before {
    content: "󰝁"
}

.mdi-gesture-tap-box:before {
    content: "󱊩"
}

.mdi-gesture-tap-button:before {
    content: "󱊨"
}

.mdi-gesture-tap-hold:before {
    content: "󰵷"
}

.mdi-gesture-two-double-tap:before {
    content: "󰝂"
}

.mdi-gesture-two-tap:before {
    content: "󰝃"
}

.mdi-ghost:before {
    content: "󰊠"
}

.mdi-ghost-off:before {
    content: "󰧵"
}

.mdi-ghost-off-outline:before {
    content: "󱙜"
}

.mdi-ghost-outline:before {
    content: "󱙝"
}

.mdi-gift:before {
    content: "󰹄"
}

.mdi-gift-off:before {
    content: "󱛯"
}

.mdi-gift-off-outline:before {
    content: "󱛰"
}

.mdi-gift-open:before {
    content: "󱛱"
}

.mdi-gift-open-outline:before {
    content: "󱛲"
}

.mdi-gift-outline:before {
    content: "󰊡"
}

.mdi-git:before {
    content: "󰊢"
}

.mdi-github:before {
    content: "󰊤"
}

.mdi-gitlab:before {
    content: "󰮠"
}

.mdi-glass-cocktail:before {
    content: "󰍖"
}

.mdi-glass-cocktail-off:before {
    content: "󱗦"
}

.mdi-glass-flute:before {
    content: "󰊥"
}

.mdi-glass-fragile:before {
    content: "󱡳"
}

.mdi-glass-mug:before {
    content: "󰊦"
}

.mdi-glass-mug-off:before {
    content: "󱗧"
}

.mdi-glass-mug-variant:before {
    content: "󱄖"
}

.mdi-glass-mug-variant-off:before {
    content: "󱗨"
}

.mdi-glass-pint-outline:before {
    content: "󱌍"
}

.mdi-glass-stange:before {
    content: "󰊧"
}

.mdi-glass-tulip:before {
    content: "󰊨"
}

.mdi-glass-wine:before {
    content: "󰡶"
}

.mdi-glasses:before {
    content: "󰊪"
}

.mdi-globe-light:before {
    content: "󰙯"
}

.mdi-globe-light-outline:before {
    content: "󱋗"
}

.mdi-globe-model:before {
    content: "󰣩"
}

.mdi-gmail:before {
    content: "󰊫"
}

.mdi-gnome:before {
    content: "󰊬"
}

.mdi-go-kart:before {
    content: "󰵹"
}

.mdi-go-kart-track:before {
    content: "󰵺"
}

.mdi-gog:before {
    content: "󰮡"
}

.mdi-gold:before {
    content: "󱉏"
}

.mdi-golf:before {
    content: "󰠣"
}

.mdi-golf-cart:before {
    content: "󱆤"
}

.mdi-golf-tee:before {
    content: "󱂃"
}

.mdi-gondola:before {
    content: "󰚆"
}

.mdi-goodreads:before {
    content: "󰵻"
}

.mdi-google:before {
    content: "󰊭"
}

.mdi-google-ads:before {
    content: "󰲇"
}

.mdi-google-analytics:before {
    content: "󰟌"
}

.mdi-google-assistant:before {
    content: "󰟍"
}

.mdi-google-cardboard:before {
    content: "󰊮"
}

.mdi-google-chrome:before {
    content: "󰊯"
}

.mdi-google-circles:before {
    content: "󰊰"
}

.mdi-google-circles-communities:before {
    content: "󰊱"
}

.mdi-google-circles-extended:before {
    content: "󰊲"
}

.mdi-google-circles-group:before {
    content: "󰊳"
}

.mdi-google-classroom:before {
    content: "󰋀"
}

.mdi-google-cloud:before {
    content: "󱇶"
}

.mdi-google-downasaur:before {
    content: "󱍢"
}

.mdi-google-drive:before {
    content: "󰊶"
}

.mdi-google-earth:before {
    content: "󰊷"
}

.mdi-google-fit:before {
    content: "󰥬"
}

.mdi-google-glass:before {
    content: "󰊸"
}

.mdi-google-hangouts:before {
    content: "󰋉"
}

.mdi-google-keep:before {
    content: "󰛜"
}

.mdi-google-lens:before {
    content: "󰧶"
}

.mdi-google-maps:before {
    content: "󰗵"
}

.mdi-google-my-business:before {
    content: "󱁈"
}

.mdi-google-nearby:before {
    content: "󰊹"
}

.mdi-google-play:before {
    content: "󰊼"
}

.mdi-google-plus:before {
    content: "󰊽"
}

.mdi-google-podcast:before {
    content: "󰺹"
}

.mdi-google-spreadsheet:before {
    content: "󰧷"
}

.mdi-google-street-view:before {
    content: "󰲈"
}

.mdi-google-translate:before {
    content: "󰊿"
}

.mdi-gradient-horizontal:before {
    content: "󱝊"
}

.mdi-gradient-vertical:before {
    content: "󰚠"
}

.mdi-grain:before {
    content: "󰵼"
}

.mdi-graph:before {
    content: "󱁉"
}

.mdi-graph-outline:before {
    content: "󱁊"
}

.mdi-graphql:before {
    content: "󰡷"
}

.mdi-grass:before {
    content: "󱔐"
}

.mdi-grave-stone:before {
    content: "󰮢"
}

.mdi-grease-pencil:before {
    content: "󰙈"
}

.mdi-greater-than:before {
    content: "󰥭"
}

.mdi-greater-than-or-equal:before {
    content: "󰥮"
}

.mdi-greenhouse:before {
    content: "󰀭"
}

.mdi-grid:before {
    content: "󰋁"
}

.mdi-grid-large:before {
    content: "󰝘"
}

.mdi-grid-off:before {
    content: "󰋂"
}

.mdi-grill:before {
    content: "󰹅"
}

.mdi-grill-outline:before {
    content: "󱆊"
}

.mdi-group:before {
    content: "󰋃"
}

.mdi-guitar-acoustic:before {
    content: "󰝱"
}

.mdi-guitar-electric:before {
    content: "󰋄"
}

.mdi-guitar-pick:before {
    content: "󰋅"
}

.mdi-guitar-pick-outline:before {
    content: "󰋆"
}

.mdi-guy-fawkes-mask:before {
    content: "󰠥"
}

.mdi-gymnastics:before {
    content: "󱩁"
}

.mdi-hail:before {
    content: "󰫁"
}

.mdi-hair-dryer:before {
    content: "󱃯"
}

.mdi-hair-dryer-outline:before {
    content: "󱃰"
}

.mdi-halloween:before {
    content: "󰮣"
}

.mdi-hamburger:before {
    content: "󰚅"
}

.mdi-hamburger-check:before {
    content: "󱝶"
}

.mdi-hamburger-minus:before {
    content: "󱝷"
}

.mdi-hamburger-off:before {
    content: "󱝸"
}

.mdi-hamburger-plus:before {
    content: "󱝹"
}

.mdi-hamburger-remove:before {
    content: "󱝺"
}

.mdi-hammer:before {
    content: "󰣪"
}

.mdi-hammer-screwdriver:before {
    content: "󱌢"
}

.mdi-hammer-sickle:before {
    content: "󱢇"
}

.mdi-hammer-wrench:before {
    content: "󱌣"
}

.mdi-hand-back-left:before {
    content: "󰹆"
}

.mdi-hand-back-left-off:before {
    content: "󱠰"
}

.mdi-hand-back-left-off-outline:before {
    content: "󱠲"
}

.mdi-hand-back-left-outline:before {
    content: "󱠬"
}

.mdi-hand-back-right:before {
    content: "󰹇"
}

.mdi-hand-back-right-off:before {
    content: "󱠱"
}

.mdi-hand-back-right-off-outline:before {
    content: "󱠳"
}

.mdi-hand-back-right-outline:before {
    content: "󱠭"
}

.mdi-hand-clap:before {
    content: "󱥋"
}

.mdi-hand-clap-off:before {
    content: "󱩂"
}

.mdi-hand-coin:before {
    content: "󱢏"
}

.mdi-hand-coin-outline:before {
    content: "󱢐"
}

.mdi-hand-cycle:before {
    content: "󱮜"
}

.mdi-hand-extended:before {
    content: "󱢶"
}

.mdi-hand-extended-outline:before {
    content: "󱢷"
}

.mdi-hand-front-left:before {
    content: "󱠫"
}

.mdi-hand-front-left-outline:before {
    content: "󱠮"
}

.mdi-hand-front-right:before {
    content: "󰩏"
}

.mdi-hand-front-right-outline:before {
    content: "󱠯"
}

.mdi-hand-heart:before {
    content: "󱃱"
}

.mdi-hand-heart-outline:before {
    content: "󱕾"
}

.mdi-hand-okay:before {
    content: "󰩐"
}

.mdi-hand-peace:before {
    content: "󰩑"
}

.mdi-hand-peace-variant:before {
    content: "󰩒"
}

.mdi-hand-pointing-down:before {
    content: "󰩓"
}

.mdi-hand-pointing-left:before {
    content: "󰩔"
}

.mdi-hand-pointing-right:before {
    content: "󰋇"
}

.mdi-hand-pointing-up:before {
    content: "󰩕"
}

.mdi-hand-saw:before {
    content: "󰹈"
}

.mdi-hand-wash:before {
    content: "󱕿"
}

.mdi-hand-wash-outline:before {
    content: "󱖀"
}

.mdi-hand-water:before {
    content: "󱎟"
}

.mdi-hand-wave:before {
    content: "󱠡"
}

.mdi-hand-wave-outline:before {
    content: "󱠢"
}

.mdi-handball:before {
    content: "󰽓"
}

.mdi-handcuffs:before {
    content: "󱄾"
}

.mdi-hands-pray:before {
    content: "󰕹"
}

.mdi-handshake:before {
    content: "󱈘"
}

.mdi-handshake-outline:before {
    content: "󱖡"
}

.mdi-hanger:before {
    content: "󰋈"
}

.mdi-hard-hat:before {
    content: "󰥯"
}

.mdi-harddisk:before {
    content: "󰋊"
}

.mdi-harddisk-plus:before {
    content: "󱁋"
}

.mdi-harddisk-remove:before {
    content: "󱁌"
}

.mdi-hat-fedora:before {
    content: "󰮤"
}

.mdi-hazard-lights:before {
    content: "󰲉"
}

.mdi-hdmi-port:before {
    content: "󱮸"
}

.mdi-hdr:before {
    content: "󰵽"
}

.mdi-hdr-off:before {
    content: "󰵾"
}

.mdi-head:before {
    content: "󱍞"
}

.mdi-head-alert:before {
    content: "󱌸"
}

.mdi-head-alert-outline:before {
    content: "󱌹"
}

.mdi-head-check:before {
    content: "󱌺"
}

.mdi-head-check-outline:before {
    content: "󱌻"
}

.mdi-head-cog:before {
    content: "󱌼"
}

.mdi-head-cog-outline:before {
    content: "󱌽"
}

.mdi-head-dots-horizontal:before {
    content: "󱌾"
}

.mdi-head-dots-horizontal-outline:before {
    content: "󱌿"
}

.mdi-head-flash:before {
    content: "󱍀"
}

.mdi-head-flash-outline:before {
    content: "󱍁"
}

.mdi-head-heart:before {
    content: "󱍂"
}

.mdi-head-heart-outline:before {
    content: "󱍃"
}

.mdi-head-lightbulb:before {
    content: "󱍄"
}

.mdi-head-lightbulb-outline:before {
    content: "󱍅"
}

.mdi-head-minus:before {
    content: "󱍆"
}

.mdi-head-minus-outline:before {
    content: "󱍇"
}

.mdi-head-outline:before {
    content: "󱍟"
}

.mdi-head-plus:before {
    content: "󱍈"
}

.mdi-head-plus-outline:before {
    content: "󱍉"
}

.mdi-head-question:before {
    content: "󱍊"
}

.mdi-head-question-outline:before {
    content: "󱍋"
}

.mdi-head-remove:before {
    content: "󱍌"
}

.mdi-head-remove-outline:before {
    content: "󱍍"
}

.mdi-head-snowflake:before {
    content: "󱍎"
}

.mdi-head-snowflake-outline:before {
    content: "󱍏"
}

.mdi-head-sync:before {
    content: "󱍐"
}

.mdi-head-sync-outline:before {
    content: "󱍑"
}

.mdi-headphones:before {
    content: "󰋋"
}

.mdi-headphones-bluetooth:before {
    content: "󰥰"
}

.mdi-headphones-box:before {
    content: "󰋌"
}

.mdi-headphones-off:before {
    content: "󰟎"
}

.mdi-headphones-settings:before {
    content: "󰋍"
}

.mdi-headset:before {
    content: "󰋎"
}

.mdi-headset-dock:before {
    content: "󰋏"
}

.mdi-headset-off:before {
    content: "󰋐"
}

.mdi-heart:before {
    content: "󰋑"
}

.mdi-heart-box:before {
    content: "󰋒"
}

.mdi-heart-box-outline:before {
    content: "󰋓"
}

.mdi-heart-broken:before {
    content: "󰋔"
}

.mdi-heart-broken-outline:before {
    content: "󰴔"
}

.mdi-heart-circle:before {
    content: "󰥱"
}

.mdi-heart-circle-outline:before {
    content: "󰥲"
}

.mdi-heart-cog:before {
    content: "󱙣"
}

.mdi-heart-cog-outline:before {
    content: "󱙤"
}

.mdi-heart-flash:before {
    content: "󰻹"
}

.mdi-heart-half:before {
    content: "󰛟"
}

.mdi-heart-half-full:before {
    content: "󰛞"
}

.mdi-heart-half-outline:before {
    content: "󰛠"
}

.mdi-heart-minus:before {
    content: "󱐯"
}

.mdi-heart-minus-outline:before {
    content: "󱐲"
}

.mdi-heart-multiple:before {
    content: "󰩖"
}

.mdi-heart-multiple-outline:before {
    content: "󰩗"
}

.mdi-heart-off:before {
    content: "󰝙"
}

.mdi-heart-off-outline:before {
    content: "󱐴"
}

.mdi-heart-outline:before {
    content: "󰋕"
}

.mdi-heart-plus:before {
    content: "󱐮"
}

.mdi-heart-plus-outline:before {
    content: "󱐱"
}

.mdi-heart-pulse:before {
    content: "󰗶"
}

.mdi-heart-remove:before {
    content: "󱐰"
}

.mdi-heart-remove-outline:before {
    content: "󱐳"
}

.mdi-heart-settings:before {
    content: "󱙥"
}

.mdi-heart-settings-outline:before {
    content: "󱙦"
}

.mdi-heat-pump:before {
    content: "󱩃"
}

.mdi-heat-pump-outline:before {
    content: "󱩄"
}

.mdi-heat-wave:before {
    content: "󱩅"
}

.mdi-heating-coil:before {
    content: "󱪯"
}

.mdi-helicopter:before {
    content: "󰫂"
}

.mdi-help:before {
    content: "󰋖"
}

.mdi-help-box:before {
    content: "󰞋"
}

.mdi-help-box-multiple:before {
    content: "󱰊"
}

.mdi-help-box-multiple-outline:before {
    content: "󱰋"
}

.mdi-help-box-outline:before {
    content: "󱰌"
}

.mdi-help-circle:before {
    content: "󰋗"
}

.mdi-help-circle-outline:before {
    content: "󰘥"
}

.mdi-help-network:before {
    content: "󰛵"
}

.mdi-help-network-outline:before {
    content: "󰲊"
}

.mdi-help-rhombus:before {
    content: "󰮥"
}

.mdi-help-rhombus-outline:before {
    content: "󰮦"
}

.mdi-hexadecimal:before {
    content: "󱊧"
}

.mdi-hexagon:before {
    content: "󰋘"
}

.mdi-hexagon-multiple:before {
    content: "󰛡"
}

.mdi-hexagon-multiple-outline:before {
    content: "󱃲"
}

.mdi-hexagon-outline:before {
    content: "󰋙"
}

.mdi-hexagon-slice-1:before {
    content: "󰫃"
}

.mdi-hexagon-slice-2:before {
    content: "󰫄"
}

.mdi-hexagon-slice-3:before {
    content: "󰫅"
}

.mdi-hexagon-slice-4:before {
    content: "󰫆"
}

.mdi-hexagon-slice-5:before {
    content: "󰫇"
}

.mdi-hexagon-slice-6:before {
    content: "󰫈"
}

.mdi-hexagram:before {
    content: "󰫉"
}

.mdi-hexagram-outline:before {
    content: "󰫊"
}

.mdi-high-definition:before {
    content: "󰟏"
}

.mdi-high-definition-box:before {
    content: "󰡸"
}

.mdi-highway:before {
    content: "󰗷"
}

.mdi-hiking:before {
    content: "󰵿"
}

.mdi-history:before {
    content: "󰋚"
}

.mdi-hockey-puck:before {
    content: "󰡹"
}

.mdi-hockey-sticks:before {
    content: "󰡺"
}

.mdi-hololens:before {
    content: "󰋛"
}

.mdi-home:before {
    content: "󰋜"
}

.mdi-home-account:before {
    content: "󰠦"
}

.mdi-home-alert:before {
    content: "󰡻"
}

.mdi-home-alert-outline:before {
    content: "󱗐"
}

.mdi-home-analytics:before {
    content: "󰺺"
}

.mdi-home-assistant:before {
    content: "󰟐"
}

.mdi-home-automation:before {
    content: "󰟑"
}

.mdi-home-battery:before {
    content: "󱤁"
}

.mdi-home-battery-outline:before {
    content: "󱤂"
}

.mdi-home-circle:before {
    content: "󰟒"
}

.mdi-home-circle-outline:before {
    content: "󱁍"
}

.mdi-home-city:before {
    content: "󰴕"
}

.mdi-home-city-outline:before {
    content: "󰴖"
}

.mdi-home-clock:before {
    content: "󱨒"
}

.mdi-home-clock-outline:before {
    content: "󱨓"
}

.mdi-home-edit:before {
    content: "󱅙"
}

.mdi-home-edit-outline:before {
    content: "󱅚"
}

.mdi-home-export-outline:before {
    content: "󰾛"
}

.mdi-home-flood:before {
    content: "󰻺"
}

.mdi-home-floor-0:before {
    content: "󰷒"
}

.mdi-home-floor-1:before {
    content: "󰶀"
}

.mdi-home-floor-2:before {
    content: "󰶁"
}

.mdi-home-floor-3:before {
    content: "󰶂"
}

.mdi-home-floor-a:before {
    content: "󰶃"
}

.mdi-home-floor-b:before {
    content: "󰶄"
}

.mdi-home-floor-g:before {
    content: "󰶅"
}

.mdi-home-floor-l:before {
    content: "󰶆"
}

.mdi-home-floor-negative-1:before {
    content: "󰷓"
}

.mdi-home-group:before {
    content: "󰷔"
}

.mdi-home-group-minus:before {
    content: "󱧁"
}

.mdi-home-group-plus:before {
    content: "󱧀"
}

.mdi-home-group-remove:before {
    content: "󱧂"
}

.mdi-home-heart:before {
    content: "󰠧"
}

.mdi-home-import-outline:before {
    content: "󰾜"
}

.mdi-home-lightbulb:before {
    content: "󱉑"
}

.mdi-home-lightbulb-outline:before {
    content: "󱉒"
}

.mdi-home-lightning-bolt:before {
    content: "󱤃"
}

.mdi-home-lightning-bolt-outline:before {
    content: "󱤄"
}

.mdi-home-lock:before {
    content: "󰣫"
}

.mdi-home-lock-open:before {
    content: "󰣬"
}

.mdi-home-map-marker:before {
    content: "󰗸"
}

.mdi-home-minus:before {
    content: "󰥴"
}

.mdi-home-minus-outline:before {
    content: "󱏕"
}

.mdi-home-modern:before {
    content: "󰋝"
}

.mdi-home-off:before {
    content: "󱩆"
}

.mdi-home-off-outline:before {
    content: "󱩇"
}

.mdi-home-outline:before {
    content: "󰚡"
}

.mdi-home-percent:before {
    content: "󱱼"
}

.mdi-home-percent-outline:before {
    content: "󱱽"
}

.mdi-home-plus:before {
    content: "󰥵"
}

.mdi-home-plus-outline:before {
    content: "󱏖"
}

.mdi-home-remove:before {
    content: "󱉇"
}

.mdi-home-remove-outline:before {
    content: "󱏗"
}

.mdi-home-roof:before {
    content: "󱄫"
}

.mdi-home-search:before {
    content: "󱎰"
}

.mdi-home-search-outline:before {
    content: "󱎱"
}

.mdi-home-silo:before {
    content: "󱮠"
}

.mdi-home-silo-outline:before {
    content: "󱮡"
}

.mdi-home-sound-in:before {
    content: "󱰯"
}

.mdi-home-sound-in-outline:before {
    content: "󱰰"
}

.mdi-home-sound-out:before {
    content: "󱰱"
}

.mdi-home-sound-out-outline:before {
    content: "󱰲"
}

.mdi-home-switch:before {
    content: "󱞔"
}

.mdi-home-switch-outline:before {
    content: "󱞕"
}

.mdi-home-thermometer:before {
    content: "󰽔"
}

.mdi-home-thermometer-outline:before {
    content: "󰽕"
}

.mdi-home-variant:before {
    content: "󰋞"
}

.mdi-home-variant-outline:before {
    content: "󰮧"
}

.mdi-hook:before {
    content: "󰛢"
}

.mdi-hook-off:before {
    content: "󰛣"
}

.mdi-hoop-house:before {
    content: "󰹖"
}

.mdi-hops:before {
    content: "󰋟"
}

.mdi-horizontal-rotate-clockwise:before {
    content: "󱃳"
}

.mdi-horizontal-rotate-counterclockwise:before {
    content: "󱃴"
}

.mdi-horse:before {
    content: "󱖿"
}

.mdi-horse-human:before {
    content: "󱗀"
}

.mdi-horse-variant:before {
    content: "󱗁"
}

.mdi-horse-variant-fast:before {
    content: "󱡮"
}

.mdi-horseshoe:before {
    content: "󰩘"
}

.mdi-hospital:before {
    content: "󰿶"
}

.mdi-hospital-box:before {
    content: "󰋠"
}

.mdi-hospital-box-outline:before {
    content: "󰿷"
}

.mdi-hospital-building:before {
    content: "󰋡"
}

.mdi-hospital-marker:before {
    content: "󰋢"
}

.mdi-hot-tub:before {
    content: "󰠨"
}

.mdi-hours-24:before {
    content: "󱑸"
}

.mdi-hubspot:before {
    content: "󰴗"
}

.mdi-hulu:before {
    content: "󰠩"
}

.mdi-human:before {
    content: "󰋦"
}

.mdi-human-baby-changing-table:before {
    content: "󱎋"
}

.mdi-human-cane:before {
    content: "󱖁"
}

.mdi-human-capacity-decrease:before {
    content: "󱖛"
}

.mdi-human-capacity-increase:before {
    content: "󱖜"
}

.mdi-human-child:before {
    content: "󰋧"
}

.mdi-human-dolly:before {
    content: "󱦀"
}

.mdi-human-edit:before {
    content: "󱓨"
}

.mdi-human-female:before {
    content: "󰙉"
}

.mdi-human-female-boy:before {
    content: "󰩙"
}

.mdi-human-female-dance:before {
    content: "󱗉"
}

.mdi-human-female-female:before {
    content: "󰩚"
}

.mdi-human-female-girl:before {
    content: "󰩛"
}

.mdi-human-greeting:before {
    content: "󱟄"
}

.mdi-human-greeting-proximity:before {
    content: "󱖝"
}

.mdi-human-greeting-variant:before {
    content: "󰙊"
}

.mdi-human-handsdown:before {
    content: "󰙋"
}

.mdi-human-handsup:before {
    content: "󰙌"
}

.mdi-human-male:before {
    content: "󰙍"
}

.mdi-human-male-board:before {
    content: "󰢐"
}

.mdi-human-male-board-poll:before {
    content: "󰡆"
}

.mdi-human-male-boy:before {
    content: "󰩜"
}

.mdi-human-male-child:before {
    content: "󱎌"
}

.mdi-human-male-female:before {
    content: "󰋨"
}

.mdi-human-male-female-child:before {
    content: "󱠣"
}

.mdi-human-male-girl:before {
    content: "󰩝"
}

.mdi-human-male-height:before {
    content: "󰻻"
}

.mdi-human-male-height-variant:before {
    content: "󰻼"
}

.mdi-human-male-male:before {
    content: "󰩞"
}

.mdi-human-non-binary:before {
    content: "󱡈"
}

.mdi-human-pregnant:before {
    content: "󰗏"
}

.mdi-human-queue:before {
    content: "󱕱"
}

.mdi-human-scooter:before {
    content: "󱇩"
}

.mdi-human-walker:before {
    content: "󱭱"
}

.mdi-human-wheelchair:before {
    content: "󱎍"
}

.mdi-human-white-cane:before {
    content: "󱦁"
}

.mdi-humble-bundle:before {
    content: "󰝄"
}

.mdi-hvac:before {
    content: "󱍒"
}

.mdi-hvac-off:before {
    content: "󱖞"
}

.mdi-hydraulic-oil-level:before {
    content: "󱌤"
}

.mdi-hydraulic-oil-temperature:before {
    content: "󱌥"
}

.mdi-hydro-power:before {
    content: "󱋥"
}

.mdi-hydrogen-station:before {
    content: "󱢔"
}

.mdi-ice-cream:before {
    content: "󰠪"
}

.mdi-ice-cream-off:before {
    content: "󰹒"
}

.mdi-ice-pop:before {
    content: "󰻽"
}

.mdi-id-card:before {
    content: "󰿀"
}

.mdi-identifier:before {
    content: "󰻾"
}

.mdi-ideogram-cjk:before {
    content: "󱌱"
}

.mdi-ideogram-cjk-variant:before {
    content: "󱌲"
}

.mdi-image:before {
    content: "󰋩"
}

.mdi-image-album:before {
    content: "󰋪"
}

.mdi-image-area:before {
    content: "󰋫"
}

.mdi-image-area-close:before {
    content: "󰋬"
}

.mdi-image-auto-adjust:before {
    content: "󰿁"
}

.mdi-image-broken:before {
    content: "󰋭"
}

.mdi-image-broken-variant:before {
    content: "󰋮"
}

.mdi-image-check:before {
    content: "󱬥"
}

.mdi-image-check-outline:before {
    content: "󱬦"
}

.mdi-image-edit:before {
    content: "󱇣"
}

.mdi-image-edit-outline:before {
    content: "󱇤"
}

.mdi-image-filter-black-white:before {
    content: "󰋰"
}

.mdi-image-filter-center-focus:before {
    content: "󰋱"
}

.mdi-image-filter-center-focus-strong:before {
    content: "󰻿"
}

.mdi-image-filter-center-focus-strong-outline:before {
    content: "󰼀"
}

.mdi-image-filter-center-focus-weak:before {
    content: "󰋲"
}

.mdi-image-filter-drama:before {
    content: "󰋳"
}

.mdi-image-filter-drama-outline:before {
    content: "󱯿"
}

.mdi-image-filter-frames:before {
    content: "󰋴"
}

.mdi-image-filter-hdr:before {
    content: "󰋵"
}

.mdi-image-filter-hdr-outline:before {
    content: "󱱤"
}

.mdi-image-filter-none:before {
    content: "󰋶"
}

.mdi-image-filter-tilt-shift:before {
    content: "󰋷"
}

.mdi-image-filter-vintage:before {
    content: "󰋸"
}

.mdi-image-frame:before {
    content: "󰹉"
}

.mdi-image-lock:before {
    content: "󱪰"
}

.mdi-image-lock-outline:before {
    content: "󱪱"
}

.mdi-image-marker:before {
    content: "󱝻"
}

.mdi-image-marker-outline:before {
    content: "󱝼"
}

.mdi-image-minus:before {
    content: "󱐙"
}

.mdi-image-minus-outline:before {
    content: "󱭇"
}

.mdi-image-move:before {
    content: "󰧸"
}

.mdi-image-multiple:before {
    content: "󰋹"
}

.mdi-image-multiple-outline:before {
    content: "󰋯"
}

.mdi-image-off:before {
    content: "󰠫"
}

.mdi-image-off-outline:before {
    content: "󱇑"
}

.mdi-image-outline:before {
    content: "󰥶"
}

.mdi-image-plus:before {
    content: "󰡼"
}

.mdi-image-plus-outline:before {
    content: "󱭆"
}

.mdi-image-refresh:before {
    content: "󱧾"
}

.mdi-image-refresh-outline:before {
    content: "󱧿"
}

.mdi-image-remove:before {
    content: "󱐘"
}

.mdi-image-remove-outline:before {
    content: "󱭈"
}

.mdi-image-search:before {
    content: "󰥷"
}

.mdi-image-search-outline:before {
    content: "󰥸"
}

.mdi-image-size-select-actual:before {
    content: "󰲍"
}

.mdi-image-size-select-large:before {
    content: "󰲎"
}

.mdi-image-size-select-small:before {
    content: "󰲏"
}

.mdi-image-sync:before {
    content: "󱨀"
}

.mdi-image-sync-outline:before {
    content: "󱨁"
}

.mdi-image-text:before {
    content: "󱘍"
}

.mdi-import:before {
    content: "󰋺"
}

.mdi-inbox:before {
    content: "󰚇"
}

.mdi-inbox-arrow-down:before {
    content: "󰋻"
}

.mdi-inbox-arrow-down-outline:before {
    content: "󱉰"
}

.mdi-inbox-arrow-up:before {
    content: "󰏑"
}

.mdi-inbox-arrow-up-outline:before {
    content: "󱉱"
}

.mdi-inbox-full:before {
    content: "󱉲"
}

.mdi-inbox-full-outline:before {
    content: "󱉳"
}

.mdi-inbox-multiple:before {
    content: "󰢰"
}

.mdi-inbox-multiple-outline:before {
    content: "󰮨"
}

.mdi-inbox-outline:before {
    content: "󱉴"
}

.mdi-inbox-remove:before {
    content: "󱖟"
}

.mdi-inbox-remove-outline:before {
    content: "󱖠"
}

.mdi-incognito:before {
    content: "󰗹"
}

.mdi-incognito-circle:before {
    content: "󱐡"
}

.mdi-incognito-circle-off:before {
    content: "󱐢"
}

.mdi-incognito-off:before {
    content: "󰁵"
}

.mdi-induction:before {
    content: "󱡌"
}

.mdi-infinity:before {
    content: "󰛤"
}

.mdi-information:before {
    content: "󰋼"
}

.mdi-information-box:before {
    content: "󱱥"
}

.mdi-information-box-outline:before {
    content: "󱱦"
}

.mdi-information-off:before {
    content: "󱞌"
}

.mdi-information-off-outline:before {
    content: "󱞍"
}

.mdi-information-outline:before {
    content: "󰋽"
}

.mdi-information-slab-box:before {
    content: "󱱧"
}

.mdi-information-slab-box-outline:before {
    content: "󱱨"
}

.mdi-information-slab-circle:before {
    content: "󱱩"
}

.mdi-information-slab-circle-outline:before {
    content: "󱱪"
}

.mdi-information-slab-symbol:before {
    content: "󱱫"
}

.mdi-information-symbol:before {
    content: "󱱬"
}

.mdi-information-variant:before {
    content: "󰙎"
}

.mdi-information-variant-box:before {
    content: "󱱭"
}

.mdi-information-variant-box-outline:before {
    content: "󱱮"
}

.mdi-information-variant-circle:before {
    content: "󱱯"
}

.mdi-information-variant-circle-outline:before {
    content: "󱱰"
}

.mdi-instagram:before {
    content: "󰋾"
}

.mdi-instrument-triangle:before {
    content: "󱁎"
}

.mdi-integrated-circuit-chip:before {
    content: "󱤓"
}

.mdi-invert-colors:before {
    content: "󰌁"
}

.mdi-invert-colors-off:before {
    content: "󰹊"
}

.mdi-iobroker:before {
    content: "󱋨"
}

.mdi-ip:before {
    content: "󰩟"
}

.mdi-ip-network:before {
    content: "󰩠"
}

.mdi-ip-network-outline:before {
    content: "󰲐"
}

.mdi-ip-outline:before {
    content: "󱦂"
}

.mdi-ipod:before {
    content: "󰲑"
}

.mdi-iron:before {
    content: "󱠤"
}

.mdi-iron-board:before {
    content: "󱠸"
}

.mdi-iron-outline:before {
    content: "󱠥"
}

.mdi-island:before {
    content: "󱁏"
}

.mdi-iv-bag:before {
    content: "󱂹"
}

.mdi-jabber:before {
    content: "󰷕"
}

.mdi-jeepney:before {
    content: "󰌂"
}

.mdi-jellyfish:before {
    content: "󰼁"
}

.mdi-jellyfish-outline:before {
    content: "󰼂"
}

.mdi-jira:before {
    content: "󰌃"
}

.mdi-jquery:before {
    content: "󰡽"
}

.mdi-jsfiddle:before {
    content: "󰌄"
}

.mdi-jump-rope:before {
    content: "󱋿"
}

.mdi-kabaddi:before {
    content: "󰶇"
}

.mdi-kangaroo:before {
    content: "󱕘"
}

.mdi-karate:before {
    content: "󰠬"
}

.mdi-kayaking:before {
    content: "󰢯"
}

.mdi-keg:before {
    content: "󰌅"
}

.mdi-kettle:before {
    content: "󰗺"
}

.mdi-kettle-alert:before {
    content: "󱌗"
}

.mdi-kettle-alert-outline:before {
    content: "󱌘"
}

.mdi-kettle-off:before {
    content: "󱌛"
}

.mdi-kettle-off-outline:before {
    content: "󱌜"
}

.mdi-kettle-outline:before {
    content: "󰽖"
}

.mdi-kettle-pour-over:before {
    content: "󱜼"
}

.mdi-kettle-steam:before {
    content: "󱌙"
}

.mdi-kettle-steam-outline:before {
    content: "󱌚"
}

.mdi-kettlebell:before {
    content: "󱌀"
}

.mdi-key:before {
    content: "󰌆"
}

.mdi-key-alert:before {
    content: "󱦃"
}

.mdi-key-alert-outline:before {
    content: "󱦄"
}

.mdi-key-arrow-right:before {
    content: "󱌒"
}

.mdi-key-chain:before {
    content: "󱕴"
}

.mdi-key-chain-variant:before {
    content: "󱕵"
}

.mdi-key-change:before {
    content: "󰌇"
}

.mdi-key-link:before {
    content: "󱆟"
}

.mdi-key-minus:before {
    content: "󰌈"
}

.mdi-key-outline:before {
    content: "󰷖"
}

.mdi-key-plus:before {
    content: "󰌉"
}

.mdi-key-remove:before {
    content: "󰌊"
}

.mdi-key-star:before {
    content: "󱆞"
}

.mdi-key-variant:before {
    content: "󰌋"
}

.mdi-key-wireless:before {
    content: "󰿂"
}

.mdi-keyboard:before {
    content: "󰌌"
}

.mdi-keyboard-backspace:before {
    content: "󰌍"
}

.mdi-keyboard-caps:before {
    content: "󰌎"
}

.mdi-keyboard-close:before {
    content: "󰌏"
}

.mdi-keyboard-close-outline:before {
    content: "󱰀"
}

.mdi-keyboard-esc:before {
    content: "󱊷"
}

.mdi-keyboard-f1:before {
    content: "󱊫"
}

.mdi-keyboard-f10:before {
    content: "󱊴"
}

.mdi-keyboard-f11:before {
    content: "󱊵"
}

.mdi-keyboard-f12:before {
    content: "󱊶"
}

.mdi-keyboard-f2:before {
    content: "󱊬"
}

.mdi-keyboard-f3:before {
    content: "󱊭"
}

.mdi-keyboard-f4:before {
    content: "󱊮"
}

.mdi-keyboard-f5:before {
    content: "󱊯"
}

.mdi-keyboard-f6:before {
    content: "󱊰"
}

.mdi-keyboard-f7:before {
    content: "󱊱"
}

.mdi-keyboard-f8:before {
    content: "󱊲"
}

.mdi-keyboard-f9:before {
    content: "󱊳"
}

.mdi-keyboard-off:before {
    content: "󰌐"
}

.mdi-keyboard-off-outline:before {
    content: "󰹋"
}

.mdi-keyboard-outline:before {
    content: "󰥻"
}

.mdi-keyboard-return:before {
    content: "󰌑"
}

.mdi-keyboard-settings:before {
    content: "󰧹"
}

.mdi-keyboard-settings-outline:before {
    content: "󰧺"
}

.mdi-keyboard-space:before {
    content: "󱁐"
}

.mdi-keyboard-tab:before {
    content: "󰌒"
}

.mdi-keyboard-tab-reverse:before {
    content: "󰌥"
}

.mdi-keyboard-variant:before {
    content: "󰌓"
}

.mdi-khanda:before {
    content: "󱃽"
}

.mdi-kickstarter:before {
    content: "󰝅"
}

.mdi-kite:before {
    content: "󱦅"
}

.mdi-kite-outline:before {
    content: "󱦆"
}

.mdi-kitesurfing:before {
    content: "󱝄"
}

.mdi-klingon:before {
    content: "󱍛"
}

.mdi-knife:before {
    content: "󰧻"
}

.mdi-knife-military:before {
    content: "󰧼"
}

.mdi-knob:before {
    content: "󱮖"
}

.mdi-koala:before {
    content: "󱜿"
}

.mdi-kodi:before {
    content: "󰌔"
}

.mdi-kubernetes:before {
    content: "󱃾"
}

.mdi-label:before {
    content: "󰌕"
}

.mdi-label-multiple:before {
    content: "󱍵"
}

.mdi-label-multiple-outline:before {
    content: "󱍶"
}

.mdi-label-off:before {
    content: "󰫋"
}

.mdi-label-off-outline:before {
    content: "󰫌"
}

.mdi-label-outline:before {
    content: "󰌖"
}

.mdi-label-percent:before {
    content: "󱋪"
}

.mdi-label-percent-outline:before {
    content: "󱋫"
}

.mdi-label-variant:before {
    content: "󰫍"
}

.mdi-label-variant-outline:before {
    content: "󰫎"
}

.mdi-ladder:before {
    content: "󱖢"
}

.mdi-ladybug:before {
    content: "󰠭"
}

.mdi-lambda:before {
    content: "󰘧"
}

.mdi-lamp:before {
    content: "󰚵"
}

.mdi-lamp-outline:before {
    content: "󱟐"
}

.mdi-lamps:before {
    content: "󱕶"
}

.mdi-lamps-outline:before {
    content: "󱟑"
}

.mdi-lan:before {
    content: "󰌗"
}

.mdi-lan-check:before {
    content: "󱊪"
}

.mdi-lan-connect:before {
    content: "󰌘"
}

.mdi-lan-disconnect:before {
    content: "󰌙"
}

.mdi-lan-pending:before {
    content: "󰌚"
}

.mdi-land-fields:before {
    content: "󱪲"
}

.mdi-land-plots:before {
    content: "󱪳"
}

.mdi-land-plots-circle:before {
    content: "󱪴"
}

.mdi-land-plots-circle-variant:before {
    content: "󱪵"
}

.mdi-land-plots-marker:before {
    content: "󱱝"
}

.mdi-land-rows-horizontal:before {
    content: "󱪶"
}

.mdi-land-rows-vertical:before {
    content: "󱪷"
}

.mdi-landslide:before {
    content: "󱩈"
}

.mdi-landslide-outline:before {
    content: "󱩉"
}

.mdi-language-c:before {
    content: "󰙱"
}

.mdi-language-cpp:before {
    content: "󰙲"
}

.mdi-language-csharp:before {
    content: "󰌛"
}

.mdi-language-css3:before {
    content: "󰌜"
}

.mdi-language-fortran:before {
    content: "󱈚"
}

.mdi-language-go:before {
    content: "󰟓"
}

.mdi-language-haskell:before {
    content: "󰲒"
}

.mdi-language-html5:before {
    content: "󰌝"
}

.mdi-language-java:before {
    content: "󰬷"
}

.mdi-language-javascript:before {
    content: "󰌞"
}

.mdi-language-kotlin:before {
    content: "󱈙"
}

.mdi-language-lua:before {
    content: "󰢱"
}

.mdi-language-markdown:before {
    content: "󰍔"
}

.mdi-language-markdown-outline:before {
    content: "󰽛"
}

.mdi-language-php:before {
    content: "󰌟"
}

.mdi-language-python:before {
    content: "󰌠"
}

.mdi-language-r:before {
    content: "󰟔"
}

.mdi-language-ruby:before {
    content: "󰴭"
}

.mdi-language-ruby-on-rails:before {
    content: "󰫏"
}

.mdi-language-rust:before {
    content: "󱘗"
}

.mdi-language-swift:before {
    content: "󰛥"
}

.mdi-language-typescript:before {
    content: "󰛦"
}

.mdi-language-xaml:before {
    content: "󰙳"
}

.mdi-laptop:before {
    content: "󰌢"
}

.mdi-laptop-account:before {
    content: "󱩊"
}

.mdi-laptop-off:before {
    content: "󰛧"
}

.mdi-laravel:before {
    content: "󰫐"
}

.mdi-laser-pointer:before {
    content: "󱒄"
}

.mdi-lasso:before {
    content: "󰼃"
}

.mdi-lastpass:before {
    content: "󰑆"
}

.mdi-latitude:before {
    content: "󰽗"
}

.mdi-launch:before {
    content: "󰌧"
}

.mdi-lava-lamp:before {
    content: "󰟕"
}

.mdi-layers:before {
    content: "󰌨"
}

.mdi-layers-edit:before {
    content: "󱢒"
}

.mdi-layers-minus:before {
    content: "󰹌"
}

.mdi-layers-off:before {
    content: "󰌩"
}

.mdi-layers-off-outline:before {
    content: "󰧽"
}

.mdi-layers-outline:before {
    content: "󰧾"
}

.mdi-layers-plus:before {
    content: "󰹍"
}

.mdi-layers-remove:before {
    content: "󰹎"
}

.mdi-layers-search:before {
    content: "󱈆"
}

.mdi-layers-search-outline:before {
    content: "󱈇"
}

.mdi-layers-triple:before {
    content: "󰽘"
}

.mdi-layers-triple-outline:before {
    content: "󰽙"
}

.mdi-lead-pencil:before {
    content: "󰙏"
}

.mdi-leaf:before {
    content: "󰌪"
}

.mdi-leaf-circle:before {
    content: "󱤅"
}

.mdi-leaf-circle-outline:before {
    content: "󱤆"
}

.mdi-leaf-maple:before {
    content: "󰲓"
}

.mdi-leaf-maple-off:before {
    content: "󱋚"
}

.mdi-leaf-off:before {
    content: "󱋙"
}

.mdi-leak:before {
    content: "󰷗"
}

.mdi-leak-off:before {
    content: "󰷘"
}

.mdi-lectern:before {
    content: "󱫰"
}

.mdi-led-off:before {
    content: "󰌫"
}

.mdi-led-on:before {
    content: "󰌬"
}

.mdi-led-outline:before {
    content: "󰌭"
}

.mdi-led-strip:before {
    content: "󰟖"
}

.mdi-led-strip-variant:before {
    content: "󱁑"
}

.mdi-led-strip-variant-off:before {
    content: "󱩋"
}

.mdi-led-variant-off:before {
    content: "󰌮"
}

.mdi-led-variant-on:before {
    content: "󰌯"
}

.mdi-led-variant-outline:before {
    content: "󰌰"
}

.mdi-leek:before {
    content: "󱅽"
}

.mdi-less-than:before {
    content: "󰥼"
}

.mdi-less-than-or-equal:before {
    content: "󰥽"
}

.mdi-library:before {
    content: "󰌱"
}

.mdi-library-outline:before {
    content: "󱨢"
}

.mdi-library-shelves:before {
    content: "󰮩"
}

.mdi-license:before {
    content: "󰿃"
}

.mdi-lifebuoy:before {
    content: "󰡾"
}

.mdi-light-flood-down:before {
    content: "󱦇"
}

.mdi-light-flood-up:before {
    content: "󱦈"
}

.mdi-light-recessed:before {
    content: "󱞛"
}

.mdi-light-switch:before {
    content: "󰥾"
}

.mdi-light-switch-off:before {
    content: "󱨤"
}

.mdi-lightbulb:before {
    content: "󰌵"
}

.mdi-lightbulb-alert:before {
    content: "󱧡"
}

.mdi-lightbulb-alert-outline:before {
    content: "󱧢"
}

.mdi-lightbulb-auto:before {
    content: "󱠀"
}

.mdi-lightbulb-auto-outline:before {
    content: "󱠁"
}

.mdi-lightbulb-cfl:before {
    content: "󱈈"
}

.mdi-lightbulb-cfl-off:before {
    content: "󱈉"
}

.mdi-lightbulb-cfl-spiral:before {
    content: "󱉵"
}

.mdi-lightbulb-cfl-spiral-off:before {
    content: "󱋃"
}

.mdi-lightbulb-fluorescent-tube:before {
    content: "󱠄"
}

.mdi-lightbulb-fluorescent-tube-outline:before {
    content: "󱠅"
}

.mdi-lightbulb-group:before {
    content: "󱉓"
}

.mdi-lightbulb-group-off:before {
    content: "󱋍"
}

.mdi-lightbulb-group-off-outline:before {
    content: "󱋎"
}

.mdi-lightbulb-group-outline:before {
    content: "󱉔"
}

.mdi-lightbulb-multiple:before {
    content: "󱉕"
}

.mdi-lightbulb-multiple-off:before {
    content: "󱋏"
}

.mdi-lightbulb-multiple-off-outline:before {
    content: "󱋐"
}

.mdi-lightbulb-multiple-outline:before {
    content: "󱉖"
}

.mdi-lightbulb-night:before {
    content: "󱩌"
}

.mdi-lightbulb-night-outline:before {
    content: "󱩍"
}

.mdi-lightbulb-off:before {
    content: "󰹏"
}

.mdi-lightbulb-off-outline:before {
    content: "󰹐"
}

.mdi-lightbulb-on:before {
    content: "󰛨"
}

.mdi-lightbulb-on-10:before {
    content: "󱩎"
}

.mdi-lightbulb-on-20:before {
    content: "󱩏"
}

.mdi-lightbulb-on-30:before {
    content: "󱩐"
}

.mdi-lightbulb-on-40:before {
    content: "󱩑"
}

.mdi-lightbulb-on-50:before {
    content: "󱩒"
}

.mdi-lightbulb-on-60:before {
    content: "󱩓"
}

.mdi-lightbulb-on-70:before {
    content: "󱩔"
}

.mdi-lightbulb-on-80:before {
    content: "󱩕"
}

.mdi-lightbulb-on-90:before {
    content: "󱩖"
}

.mdi-lightbulb-on-outline:before {
    content: "󰛩"
}

.mdi-lightbulb-outline:before {
    content: "󰌶"
}

.mdi-lightbulb-question:before {
    content: "󱧣"
}

.mdi-lightbulb-question-outline:before {
    content: "󱧤"
}

.mdi-lightbulb-spot:before {
    content: "󱟴"
}

.mdi-lightbulb-spot-off:before {
    content: "󱟵"
}

.mdi-lightbulb-variant:before {
    content: "󱠂"
}

.mdi-lightbulb-variant-outline:before {
    content: "󱠃"
}

.mdi-lighthouse:before {
    content: "󰧿"
}

.mdi-lighthouse-on:before {
    content: "󰨀"
}

.mdi-lightning-bolt:before {
    content: "󱐋"
}

.mdi-lightning-bolt-circle:before {
    content: "󰠠"
}

.mdi-lightning-bolt-outline:before {
    content: "󱐌"
}

.mdi-line-scan:before {
    content: "󰘤"
}

.mdi-lingerie:before {
    content: "󱑶"
}

.mdi-link:before {
    content: "󰌷"
}

.mdi-link-box:before {
    content: "󰴚"
}

.mdi-link-box-outline:before {
    content: "󰴛"
}

.mdi-link-box-variant:before {
    content: "󰴜"
}

.mdi-link-box-variant-outline:before {
    content: "󰴝"
}

.mdi-link-lock:before {
    content: "󱂺"
}

.mdi-link-off:before {
    content: "󰌸"
}

.mdi-link-plus:before {
    content: "󰲔"
}

.mdi-link-variant:before {
    content: "󰌹"
}

.mdi-link-variant-minus:before {
    content: "󱃿"
}

.mdi-link-variant-off:before {
    content: "󰌺"
}

.mdi-link-variant-plus:before {
    content: "󱄀"
}

.mdi-link-variant-remove:before {
    content: "󱄁"
}

.mdi-linkedin:before {
    content: "󰌻"
}

.mdi-linux:before {
    content: "󰌽"
}

.mdi-linux-mint:before {
    content: "󰣭"
}

.mdi-lipstick:before {
    content: "󱎵"
}

.mdi-liquid-spot:before {
    content: "󱠦"
}

.mdi-liquor:before {
    content: "󱤞"
}

.mdi-list-box:before {
    content: "󱭻"
}

.mdi-list-box-outline:before {
    content: "󱭼"
}

.mdi-list-status:before {
    content: "󱖫"
}

.mdi-litecoin:before {
    content: "󰩡"
}

.mdi-loading:before {
    content: "󰝲"
}

.mdi-location-enter:before {
    content: "󰿄"
}

.mdi-location-exit:before {
    content: "󰿅"
}

.mdi-lock:before {
    content: "󰌾"
}

.mdi-lock-alert:before {
    content: "󰣮"
}

.mdi-lock-alert-outline:before {
    content: "󱗑"
}

.mdi-lock-check:before {
    content: "󱎚"
}

.mdi-lock-check-outline:before {
    content: "󱚨"
}

.mdi-lock-clock:before {
    content: "󰥿"
}

.mdi-lock-minus:before {
    content: "󱚩"
}

.mdi-lock-minus-outline:before {
    content: "󱚪"
}

.mdi-lock-off:before {
    content: "󱙱"
}

.mdi-lock-off-outline:before {
    content: "󱙲"
}

.mdi-lock-open:before {
    content: "󰌿"
}

.mdi-lock-open-alert:before {
    content: "󱎛"
}

.mdi-lock-open-alert-outline:before {
    content: "󱗒"
}

.mdi-lock-open-check:before {
    content: "󱎜"
}

.mdi-lock-open-check-outline:before {
    content: "󱚫"
}

.mdi-lock-open-minus:before {
    content: "󱚬"
}

.mdi-lock-open-minus-outline:before {
    content: "󱚭"
}

.mdi-lock-open-outline:before {
    content: "󰍀"
}

.mdi-lock-open-plus:before {
    content: "󱚮"
}

.mdi-lock-open-plus-outline:before {
    content: "󱚯"
}

.mdi-lock-open-remove:before {
    content: "󱚰"
}

.mdi-lock-open-remove-outline:before {
    content: "󱚱"
}

.mdi-lock-open-variant:before {
    content: "󰿆"
}

.mdi-lock-open-variant-outline:before {
    content: "󰿇"
}

.mdi-lock-outline:before {
    content: "󰍁"
}

.mdi-lock-pattern:before {
    content: "󰛪"
}

.mdi-lock-percent:before {
    content: "󱰒"
}

.mdi-lock-percent-open:before {
    content: "󱰓"
}

.mdi-lock-percent-open-outline:before {
    content: "󱰔"
}

.mdi-lock-percent-open-variant:before {
    content: "󱰕"
}

.mdi-lock-percent-open-variant-outline:before {
    content: "󱰖"
}

.mdi-lock-percent-outline:before {
    content: "󱰗"
}

.mdi-lock-plus:before {
    content: "󰗻"
}

.mdi-lock-plus-outline:before {
    content: "󱚲"
}

.mdi-lock-question:before {
    content: "󰣯"
}

.mdi-lock-remove:before {
    content: "󱚳"
}

.mdi-lock-remove-outline:before {
    content: "󱚴"
}

.mdi-lock-reset:before {
    content: "󰝳"
}

.mdi-lock-smart:before {
    content: "󰢲"
}

.mdi-locker:before {
    content: "󰟗"
}

.mdi-locker-multiple:before {
    content: "󰟘"
}

.mdi-login:before {
    content: "󰍂"
}

.mdi-login-variant:before {
    content: "󰗼"
}

.mdi-logout:before {
    content: "󰍃"
}

.mdi-logout-variant:before {
    content: "󰗽"
}

.mdi-longitude:before {
    content: "󰽚"
}

.mdi-looks:before {
    content: "󰍄"
}

.mdi-lotion:before {
    content: "󱖂"
}

.mdi-lotion-outline:before {
    content: "󱖃"
}

.mdi-lotion-plus:before {
    content: "󱖄"
}

.mdi-lotion-plus-outline:before {
    content: "󱖅"
}

.mdi-loupe:before {
    content: "󰍅"
}

.mdi-lumx:before {
    content: "󰍆"
}

.mdi-lungs:before {
    content: "󱂄"
}

.mdi-mace:before {
    content: "󱡃"
}

.mdi-magazine-pistol:before {
    content: "󰌤"
}

.mdi-magazine-rifle:before {
    content: "󰌣"
}

.mdi-magic-staff:before {
    content: "󱡄"
}

.mdi-magnet:before {
    content: "󰍇"
}

.mdi-magnet-on:before {
    content: "󰍈"
}

.mdi-magnify:before {
    content: "󰍉"
}

.mdi-magnify-close:before {
    content: "󰦀"
}

.mdi-magnify-expand:before {
    content: "󱡴"
}

.mdi-magnify-minus:before {
    content: "󰍊"
}

.mdi-magnify-minus-cursor:before {
    content: "󰩢"
}

.mdi-magnify-minus-outline:before {
    content: "󰛬"
}

.mdi-magnify-plus:before {
    content: "󰍋"
}

.mdi-magnify-plus-cursor:before {
    content: "󰩣"
}

.mdi-magnify-plus-outline:before {
    content: "󰛭"
}

.mdi-magnify-remove-cursor:before {
    content: "󱈌"
}

.mdi-magnify-remove-outline:before {
    content: "󱈍"
}

.mdi-magnify-scan:before {
    content: "󱉶"
}

.mdi-mail:before {
    content: "󰺻"
}

.mdi-mailbox:before {
    content: "󰛮"
}

.mdi-mailbox-open:before {
    content: "󰶈"
}

.mdi-mailbox-open-outline:before {
    content: "󰶉"
}

.mdi-mailbox-open-up:before {
    content: "󰶊"
}

.mdi-mailbox-open-up-outline:before {
    content: "󰶋"
}

.mdi-mailbox-outline:before {
    content: "󰶌"
}

.mdi-mailbox-up:before {
    content: "󰶍"
}

.mdi-mailbox-up-outline:before {
    content: "󰶎"
}

.mdi-manjaro:before {
    content: "󱘊"
}

.mdi-map:before {
    content: "󰍍"
}

.mdi-map-check:before {
    content: "󰺼"
}

.mdi-map-check-outline:before {
    content: "󰺽"
}

.mdi-map-clock:before {
    content: "󰴞"
}

.mdi-map-clock-outline:before {
    content: "󰴟"
}

.mdi-map-legend:before {
    content: "󰨁"
}

.mdi-map-marker:before {
    content: "󰍎"
}

.mdi-map-marker-account:before {
    content: "󱣣"
}

.mdi-map-marker-account-outline:before {
    content: "󱣤"
}

.mdi-map-marker-alert:before {
    content: "󰼅"
}

.mdi-map-marker-alert-outline:before {
    content: "󰼆"
}

.mdi-map-marker-check:before {
    content: "󰲕"
}

.mdi-map-marker-check-outline:before {
    content: "󱋻"
}

.mdi-map-marker-circle:before {
    content: "󰍏"
}

.mdi-map-marker-distance:before {
    content: "󰣰"
}

.mdi-map-marker-down:before {
    content: "󱄂"
}

.mdi-map-marker-left:before {
    content: "󱋛"
}

.mdi-map-marker-left-outline:before {
    content: "󱋝"
}

.mdi-map-marker-minus:before {
    content: "󰙐"
}

.mdi-map-marker-minus-outline:before {
    content: "󱋹"
}

.mdi-map-marker-multiple:before {
    content: "󰍐"
}

.mdi-map-marker-multiple-outline:before {
    content: "󱉷"
}

.mdi-map-marker-off:before {
    content: "󰍑"
}

.mdi-map-marker-off-outline:before {
    content: "󱋽"
}

.mdi-map-marker-outline:before {
    content: "󰟙"
}

.mdi-map-marker-path:before {
    content: "󰴠"
}

.mdi-map-marker-plus:before {
    content: "󰙑"
}

.mdi-map-marker-plus-outline:before {
    content: "󱋸"
}

.mdi-map-marker-question:before {
    content: "󰼇"
}

.mdi-map-marker-question-outline:before {
    content: "󰼈"
}

.mdi-map-marker-radius:before {
    content: "󰍒"
}

.mdi-map-marker-radius-outline:before {
    content: "󱋼"
}

.mdi-map-marker-remove:before {
    content: "󰼉"
}

.mdi-map-marker-remove-outline:before {
    content: "󱋺"
}

.mdi-map-marker-remove-variant:before {
    content: "󰼊"
}

.mdi-map-marker-right:before {
    content: "󱋜"
}

.mdi-map-marker-right-outline:before {
    content: "󱋞"
}

.mdi-map-marker-star:before {
    content: "󱘈"
}

.mdi-map-marker-star-outline:before {
    content: "󱘉"
}

.mdi-map-marker-up:before {
    content: "󱄃"
}

.mdi-map-minus:before {
    content: "󰦁"
}

.mdi-map-outline:before {
    content: "󰦂"
}

.mdi-map-plus:before {
    content: "󰦃"
}

.mdi-map-search:before {
    content: "󰦄"
}

.mdi-map-search-outline:before {
    content: "󰦅"
}

.mdi-mapbox:before {
    content: "󰮪"
}

.mdi-margin:before {
    content: "󰍓"
}

.mdi-marker:before {
    content: "󰙒"
}

.mdi-marker-cancel:before {
    content: "󰷙"
}

.mdi-marker-check:before {
    content: "󰍕"
}

.mdi-mastodon:before {
    content: "󰫑"
}

.mdi-material-design:before {
    content: "󰦆"
}

.mdi-material-ui:before {
    content: "󰍗"
}

.mdi-math-compass:before {
    content: "󰍘"
}

.mdi-math-cos:before {
    content: "󰲖"
}

.mdi-math-integral:before {
    content: "󰿈"
}

.mdi-math-integral-box:before {
    content: "󰿉"
}

.mdi-math-log:before {
    content: "󱂅"
}

.mdi-math-norm:before {
    content: "󰿊"
}

.mdi-math-norm-box:before {
    content: "󰿋"
}

.mdi-math-sin:before {
    content: "󰲗"
}

.mdi-math-tan:before {
    content: "󰲘"
}

.mdi-matrix:before {
    content: "󰘨"
}

.mdi-medal:before {
    content: "󰦇"
}

.mdi-medal-outline:before {
    content: "󱌦"
}

.mdi-medical-bag:before {
    content: "󰛯"
}

.mdi-medical-cotton-swab:before {
    content: "󱪸"
}

.mdi-medication:before {
    content: "󱬔"
}

.mdi-medication-outline:before {
    content: "󱬕"
}

.mdi-meditation:before {
    content: "󱅻"
}

.mdi-memory:before {
    content: "󰍛"
}

.mdi-menorah:before {
    content: "󱟔"
}

.mdi-menorah-fire:before {
    content: "󱟕"
}

.mdi-menu:before {
    content: "󰍜"
}

.mdi-menu-down:before {
    content: "󰍝"
}

.mdi-menu-down-outline:before {
    content: "󰚶"
}

.mdi-menu-left:before {
    content: "󰍞"
}

.mdi-menu-left-outline:before {
    content: "󰨂"
}

.mdi-menu-open:before {
    content: "󰮫"
}

.mdi-menu-right:before {
    content: "󰍟"
}

.mdi-menu-right-outline:before {
    content: "󰨃"
}

.mdi-menu-swap:before {
    content: "󰩤"
}

.mdi-menu-swap-outline:before {
    content: "󰩥"
}

.mdi-menu-up:before {
    content: "󰍠"
}

.mdi-menu-up-outline:before {
    content: "󰚷"
}

.mdi-merge:before {
    content: "󰽜"
}

.mdi-message:before {
    content: "󰍡"
}

.mdi-message-alert:before {
    content: "󰍢"
}

.mdi-message-alert-outline:before {
    content: "󰨄"
}

.mdi-message-arrow-left:before {
    content: "󱋲"
}

.mdi-message-arrow-left-outline:before {
    content: "󱋳"
}

.mdi-message-arrow-right:before {
    content: "󱋴"
}

.mdi-message-arrow-right-outline:before {
    content: "󱋵"
}

.mdi-message-badge:before {
    content: "󱥁"
}

.mdi-message-badge-outline:before {
    content: "󱥂"
}

.mdi-message-bookmark:before {
    content: "󱖬"
}

.mdi-message-bookmark-outline:before {
    content: "󱖭"
}

.mdi-message-bulleted:before {
    content: "󰚢"
}

.mdi-message-bulleted-off:before {
    content: "󰚣"
}

.mdi-message-check:before {
    content: "󱮊"
}

.mdi-message-check-outline:before {
    content: "󱮋"
}

.mdi-message-cog:before {
    content: "󰛱"
}

.mdi-message-cog-outline:before {
    content: "󱅲"
}

.mdi-message-draw:before {
    content: "󰍣"
}

.mdi-message-fast:before {
    content: "󱧌"
}

.mdi-message-fast-outline:before {
    content: "󱧍"
}

.mdi-message-flash:before {
    content: "󱖩"
}

.mdi-message-flash-outline:before {
    content: "󱖪"
}

.mdi-message-image:before {
    content: "󰍤"
}

.mdi-message-image-outline:before {
    content: "󱅬"
}

.mdi-message-lock:before {
    content: "󰿌"
}

.mdi-message-lock-outline:before {
    content: "󱅭"
}

.mdi-message-minus:before {
    content: "󱅮"
}

.mdi-message-minus-outline:before {
    content: "󱅯"
}

.mdi-message-off:before {
    content: "󱙍"
}

.mdi-message-off-outline:before {
    content: "󱙎"
}

.mdi-message-outline:before {
    content: "󰍥"
}

.mdi-message-plus:before {
    content: "󰙓"
}

.mdi-message-plus-outline:before {
    content: "󱂻"
}

.mdi-message-processing:before {
    content: "󰍦"
}

.mdi-message-processing-outline:before {
    content: "󱅰"
}

.mdi-message-question:before {
    content: "󱜺"
}

.mdi-message-question-outline:before {
    content: "󱜻"
}

.mdi-message-reply:before {
    content: "󰍧"
}

.mdi-message-reply-outline:before {
    content: "󱜽"
}

.mdi-message-reply-text:before {
    content: "󰍨"
}

.mdi-message-reply-text-outline:before {
    content: "󱜾"
}

.mdi-message-settings:before {
    content: "󰛰"
}

.mdi-message-settings-outline:before {
    content: "󱅱"
}

.mdi-message-star:before {
    content: "󰚚"
}

.mdi-message-star-outline:before {
    content: "󱉐"
}

.mdi-message-text:before {
    content: "󰍩"
}

.mdi-message-text-clock:before {
    content: "󱅳"
}

.mdi-message-text-clock-outline:before {
    content: "󱅴"
}

.mdi-message-text-fast:before {
    content: "󱧎"
}

.mdi-message-text-fast-outline:before {
    content: "󱧏"
}

.mdi-message-text-lock:before {
    content: "󰿍"
}

.mdi-message-text-lock-outline:before {
    content: "󱅵"
}

.mdi-message-text-outline:before {
    content: "󰍪"
}

.mdi-message-video:before {
    content: "󰍫"
}

.mdi-meteor:before {
    content: "󰘩"
}

.mdi-meter-electric:before {
    content: "󱩗"
}

.mdi-meter-electric-outline:before {
    content: "󱩘"
}

.mdi-meter-gas:before {
    content: "󱩙"
}

.mdi-meter-gas-outline:before {
    content: "󱩚"
}

.mdi-metronome:before {
    content: "󰟚"
}

.mdi-metronome-tick:before {
    content: "󰟛"
}

.mdi-micro-sd:before {
    content: "󰟜"
}

.mdi-microphone:before {
    content: "󰍬"
}

.mdi-microphone-message:before {
    content: "󰔊"
}

.mdi-microphone-message-off:before {
    content: "󰔋"
}

.mdi-microphone-minus:before {
    content: "󰢳"
}

.mdi-microphone-off:before {
    content: "󰍭"
}

.mdi-microphone-outline:before {
    content: "󰍮"
}

.mdi-microphone-plus:before {
    content: "󰢴"
}

.mdi-microphone-question:before {
    content: "󱦉"
}

.mdi-microphone-question-outline:before {
    content: "󱦊"
}

.mdi-microphone-settings:before {
    content: "󰍯"
}

.mdi-microphone-variant:before {
    content: "󰍰"
}

.mdi-microphone-variant-off:before {
    content: "󰍱"
}

.mdi-microscope:before {
    content: "󰙔"
}

.mdi-microsoft:before {
    content: "󰍲"
}

.mdi-microsoft-access:before {
    content: "󱎎"
}

.mdi-microsoft-azure:before {
    content: "󰠅"
}

.mdi-microsoft-azure-devops:before {
    content: "󰿕"
}

.mdi-microsoft-bing:before {
    content: "󰂤"
}

.mdi-microsoft-dynamics-365:before {
    content: "󰦈"
}

.mdi-microsoft-edge:before {
    content: "󰇩"
}

.mdi-microsoft-excel:before {
    content: "󱎏"
}

.mdi-microsoft-internet-explorer:before {
    content: "󰌀"
}

.mdi-microsoft-office:before {
    content: "󰏆"
}

.mdi-microsoft-onedrive:before {
    content: "󰏊"
}

.mdi-microsoft-onenote:before {
    content: "󰝇"
}

.mdi-microsoft-outlook:before {
    content: "󰴢"
}

.mdi-microsoft-powerpoint:before {
    content: "󱎐"
}

.mdi-microsoft-sharepoint:before {
    content: "󱎑"
}

.mdi-microsoft-teams:before {
    content: "󰊻"
}

.mdi-microsoft-visual-studio:before {
    content: "󰘐"
}

.mdi-microsoft-visual-studio-code:before {
    content: "󰨞"
}

.mdi-microsoft-windows:before {
    content: "󰖳"
}

.mdi-microsoft-windows-classic:before {
    content: "󰨡"
}

.mdi-microsoft-word:before {
    content: "󱎒"
}

.mdi-microsoft-xbox:before {
    content: "󰖹"
}

.mdi-microsoft-xbox-controller:before {
    content: "󰖺"
}

.mdi-microsoft-xbox-controller-battery-alert:before {
    content: "󰝋"
}

.mdi-microsoft-xbox-controller-battery-charging:before {
    content: "󰨢"
}

.mdi-microsoft-xbox-controller-battery-empty:before {
    content: "󰝌"
}

.mdi-microsoft-xbox-controller-battery-full:before {
    content: "󰝍"
}

.mdi-microsoft-xbox-controller-battery-low:before {
    content: "󰝎"
}

.mdi-microsoft-xbox-controller-battery-medium:before {
    content: "󰝏"
}

.mdi-microsoft-xbox-controller-battery-unknown:before {
    content: "󰝐"
}

.mdi-microsoft-xbox-controller-menu:before {
    content: "󰹯"
}

.mdi-microsoft-xbox-controller-off:before {
    content: "󰖻"
}

.mdi-microsoft-xbox-controller-view:before {
    content: "󰹰"
}

.mdi-microwave:before {
    content: "󰲙"
}

.mdi-microwave-off:before {
    content: "󱐣"
}

.mdi-middleware:before {
    content: "󰽝"
}

.mdi-middleware-outline:before {
    content: "󰽞"
}

.mdi-midi:before {
    content: "󰣱"
}

.mdi-midi-port:before {
    content: "󰣲"
}

.mdi-mine:before {
    content: "󰷚"
}

.mdi-minecraft:before {
    content: "󰍳"
}

.mdi-mini-sd:before {
    content: "󰨅"
}

.mdi-minidisc:before {
    content: "󰨆"
}

.mdi-minus:before {
    content: "󰍴"
}

.mdi-minus-box:before {
    content: "󰍵"
}

.mdi-minus-box-multiple:before {
    content: "󱅁"
}

.mdi-minus-box-multiple-outline:before {
    content: "󱅂"
}

.mdi-minus-box-outline:before {
    content: "󰛲"
}

.mdi-minus-circle:before {
    content: "󰍶"
}

.mdi-minus-circle-multiple:before {
    content: "󰍚"
}

.mdi-minus-circle-multiple-outline:before {
    content: "󰫓"
}

.mdi-minus-circle-off:before {
    content: "󱑙"
}

.mdi-minus-circle-off-outline:before {
    content: "󱑚"
}

.mdi-minus-circle-outline:before {
    content: "󰍷"
}

.mdi-minus-network:before {
    content: "󰍸"
}

.mdi-minus-network-outline:before {
    content: "󰲚"
}

.mdi-minus-thick:before {
    content: "󱘹"
}

.mdi-mirror:before {
    content: "󱇽"
}

.mdi-mirror-rectangle:before {
    content: "󱞟"
}

.mdi-mirror-variant:before {
    content: "󱞠"
}

.mdi-mixed-martial-arts:before {
    content: "󰶏"
}

.mdi-mixed-reality:before {
    content: "󰡿"
}

.mdi-molecule:before {
    content: "󰮬"
}

.mdi-molecule-co:before {
    content: "󱋾"
}

.mdi-molecule-co2:before {
    content: "󰟤"
}

.mdi-monitor:before {
    content: "󰍹"
}

.mdi-monitor-account:before {
    content: "󱩛"
}

.mdi-monitor-arrow-down:before {
    content: "󱧐"
}

.mdi-monitor-arrow-down-variant:before {
    content: "󱧑"
}

.mdi-monitor-cellphone:before {
    content: "󰦉"
}

.mdi-monitor-cellphone-star:before {
    content: "󰦊"
}

.mdi-monitor-dashboard:before {
    content: "󰨇"
}

.mdi-monitor-edit:before {
    content: "󱋆"
}

.mdi-monitor-eye:before {
    content: "󱎴"
}

.mdi-monitor-lock:before {
    content: "󰷛"
}

.mdi-monitor-multiple:before {
    content: "󰍺"
}

.mdi-monitor-off:before {
    content: "󰶐"
}

.mdi-monitor-screenshot:before {
    content: "󰹑"
}

.mdi-monitor-share:before {
    content: "󱒃"
}

.mdi-monitor-shimmer:before {
    content: "󱄄"
}

.mdi-monitor-small:before {
    content: "󱡶"
}

.mdi-monitor-speaker:before {
    content: "󰽟"
}

.mdi-monitor-speaker-off:before {
    content: "󰽠"
}

.mdi-monitor-star:before {
    content: "󰷜"
}

.mdi-monitor-vertical:before {
    content: "󱰳"
}

.mdi-moon-first-quarter:before {
    content: "󰽡"
}

.mdi-moon-full:before {
    content: "󰽢"
}

.mdi-moon-last-quarter:before {
    content: "󰽣"
}

.mdi-moon-new:before {
    content: "󰽤"
}

.mdi-moon-waning-crescent:before {
    content: "󰽥"
}

.mdi-moon-waning-gibbous:before {
    content: "󰽦"
}

.mdi-moon-waxing-crescent:before {
    content: "󰽧"
}

.mdi-moon-waxing-gibbous:before {
    content: "󰽨"
}

.mdi-moped:before {
    content: "󱂆"
}

.mdi-moped-electric:before {
    content: "󱖷"
}

.mdi-moped-electric-outline:before {
    content: "󱖸"
}

.mdi-moped-outline:before {
    content: "󱖹"
}

.mdi-more:before {
    content: "󰍻"
}

.mdi-mortar-pestle:before {
    content: "󱝈"
}

.mdi-mortar-pestle-plus:before {
    content: "󰏱"
}

.mdi-mosque:before {
    content: "󰵅"
}

.mdi-mosque-outline:before {
    content: "󱠧"
}

.mdi-mother-heart:before {
    content: "󱌔"
}

.mdi-mother-nurse:before {
    content: "󰴡"
}

.mdi-motion:before {
    content: "󱖲"
}

.mdi-motion-outline:before {
    content: "󱖳"
}

.mdi-motion-pause:before {
    content: "󱖐"
}

.mdi-motion-pause-outline:before {
    content: "󱖒"
}

.mdi-motion-play:before {
    content: "󱖏"
}

.mdi-motion-play-outline:before {
    content: "󱖑"
}

.mdi-motion-sensor:before {
    content: "󰶑"
}

.mdi-motion-sensor-off:before {
    content: "󱐵"
}

.mdi-motorbike:before {
    content: "󰍼"
}

.mdi-motorbike-electric:before {
    content: "󱖺"
}

.mdi-motorbike-off:before {
    content: "󱬖"
}

.mdi-mouse:before {
    content: "󰍽"
}

.mdi-mouse-bluetooth:before {
    content: "󰦋"
}

.mdi-mouse-move-down:before {
    content: "󱕐"
}

.mdi-mouse-move-up:before {
    content: "󱕑"
}

.mdi-mouse-move-vertical:before {
    content: "󱕒"
}

.mdi-mouse-off:before {
    content: "󰍾"
}

.mdi-mouse-variant:before {
    content: "󰍿"
}

.mdi-mouse-variant-off:before {
    content: "󰎀"
}

.mdi-move-resize:before {
    content: "󰙕"
}

.mdi-move-resize-variant:before {
    content: "󰙖"
}

.mdi-movie:before {
    content: "󰎁"
}

.mdi-movie-check:before {
    content: "󱛳"
}

.mdi-movie-check-outline:before {
    content: "󱛴"
}

.mdi-movie-cog:before {
    content: "󱛵"
}

.mdi-movie-cog-outline:before {
    content: "󱛶"
}

.mdi-movie-edit:before {
    content: "󱄢"
}

.mdi-movie-edit-outline:before {
    content: "󱄣"
}

.mdi-movie-filter:before {
    content: "󱄤"
}

.mdi-movie-filter-outline:before {
    content: "󱄥"
}

.mdi-movie-minus:before {
    content: "󱛷"
}

.mdi-movie-minus-outline:before {
    content: "󱛸"
}

.mdi-movie-off:before {
    content: "󱛹"
}

.mdi-movie-off-outline:before {
    content: "󱛺"
}

.mdi-movie-open:before {
    content: "󰿎"
}

.mdi-movie-open-check:before {
    content: "󱛻"
}

.mdi-movie-open-check-outline:before {
    content: "󱛼"
}

.mdi-movie-open-cog:before {
    content: "󱛽"
}

.mdi-movie-open-cog-outline:before {
    content: "󱛾"
}

.mdi-movie-open-edit:before {
    content: "󱛿"
}

.mdi-movie-open-edit-outline:before {
    content: "󱜀"
}

.mdi-movie-open-minus:before {
    content: "󱜁"
}

.mdi-movie-open-minus-outline:before {
    content: "󱜂"
}

.mdi-movie-open-off:before {
    content: "󱜃"
}

.mdi-movie-open-off-outline:before {
    content: "󱜄"
}

.mdi-movie-open-outline:before {
    content: "󰿏"
}

.mdi-movie-open-play:before {
    content: "󱜅"
}

.mdi-movie-open-play-outline:before {
    content: "󱜆"
}

.mdi-movie-open-plus:before {
    content: "󱜇"
}

.mdi-movie-open-plus-outline:before {
    content: "󱜈"
}

.mdi-movie-open-remove:before {
    content: "󱜉"
}

.mdi-movie-open-remove-outline:before {
    content: "󱜊"
}

.mdi-movie-open-settings:before {
    content: "󱜋"
}

.mdi-movie-open-settings-outline:before {
    content: "󱜌"
}

.mdi-movie-open-star:before {
    content: "󱜍"
}

.mdi-movie-open-star-outline:before {
    content: "󱜎"
}

.mdi-movie-outline:before {
    content: "󰷝"
}

.mdi-movie-play:before {
    content: "󱜏"
}

.mdi-movie-play-outline:before {
    content: "󱜐"
}

.mdi-movie-plus:before {
    content: "󱜑"
}

.mdi-movie-plus-outline:before {
    content: "󱜒"
}

.mdi-movie-remove:before {
    content: "󱜓"
}

.mdi-movie-remove-outline:before {
    content: "󱜔"
}

.mdi-movie-roll:before {
    content: "󰟞"
}

.mdi-movie-search:before {
    content: "󱇒"
}

.mdi-movie-search-outline:before {
    content: "󱇓"
}

.mdi-movie-settings:before {
    content: "󱜕"
}

.mdi-movie-settings-outline:before {
    content: "󱜖"
}

.mdi-movie-star:before {
    content: "󱜗"
}

.mdi-movie-star-outline:before {
    content: "󱜘"
}

.mdi-mower:before {
    content: "󱙯"
}

.mdi-mower-bag:before {
    content: "󱙰"
}

.mdi-mower-bag-on:before {
    content: "󱭠"
}

.mdi-mower-on:before {
    content: "󱭟"
}

.mdi-muffin:before {
    content: "󰦌"
}

.mdi-multicast:before {
    content: "󱢓"
}

.mdi-multimedia:before {
    content: "󱮗"
}

.mdi-multiplication:before {
    content: "󰎂"
}

.mdi-multiplication-box:before {
    content: "󰎃"
}

.mdi-mushroom:before {
    content: "󰟟"
}

.mdi-mushroom-off:before {
    content: "󱏺"
}

.mdi-mushroom-off-outline:before {
    content: "󱏻"
}

.mdi-mushroom-outline:before {
    content: "󰟠"
}

.mdi-music:before {
    content: "󰝚"
}

.mdi-music-accidental-double-flat:before {
    content: "󰽩"
}

.mdi-music-accidental-double-sharp:before {
    content: "󰽪"
}

.mdi-music-accidental-flat:before {
    content: "󰽫"
}

.mdi-music-accidental-natural:before {
    content: "󰽬"
}

.mdi-music-accidental-sharp:before {
    content: "󰽭"
}

.mdi-music-box:before {
    content: "󰎄"
}

.mdi-music-box-multiple:before {
    content: "󰌳"
}

.mdi-music-box-multiple-outline:before {
    content: "󰼄"
}

.mdi-music-box-outline:before {
    content: "󰎅"
}

.mdi-music-circle:before {
    content: "󰎆"
}

.mdi-music-circle-outline:before {
    content: "󰫔"
}

.mdi-music-clef-alto:before {
    content: "󰽮"
}

.mdi-music-clef-bass:before {
    content: "󰽯"
}

.mdi-music-clef-treble:before {
    content: "󰽰"
}

.mdi-music-note:before {
    content: "󰎇"
}

.mdi-music-note-bluetooth:before {
    content: "󰗾"
}

.mdi-music-note-bluetooth-off:before {
    content: "󰗿"
}

.mdi-music-note-eighth:before {
    content: "󰎈"
}

.mdi-music-note-eighth-dotted:before {
    content: "󰽱"
}

.mdi-music-note-half:before {
    content: "󰎉"
}

.mdi-music-note-half-dotted:before {
    content: "󰽲"
}

.mdi-music-note-minus:before {
    content: "󱮉"
}

.mdi-music-note-off:before {
    content: "󰎊"
}

.mdi-music-note-off-outline:before {
    content: "󰽳"
}

.mdi-music-note-outline:before {
    content: "󰽴"
}

.mdi-music-note-plus:before {
    content: "󰷞"
}

.mdi-music-note-quarter:before {
    content: "󰎋"
}

.mdi-music-note-quarter-dotted:before {
    content: "󰽵"
}

.mdi-music-note-sixteenth:before {
    content: "󰎌"
}

.mdi-music-note-sixteenth-dotted:before {
    content: "󰽶"
}

.mdi-music-note-whole:before {
    content: "󰎍"
}

.mdi-music-note-whole-dotted:before {
    content: "󰽷"
}

.mdi-music-off:before {
    content: "󰝛"
}

.mdi-music-rest-eighth:before {
    content: "󰽸"
}

.mdi-music-rest-half:before {
    content: "󰽹"
}

.mdi-music-rest-quarter:before {
    content: "󰽺"
}

.mdi-music-rest-sixteenth:before {
    content: "󰽻"
}

.mdi-music-rest-whole:before {
    content: "󰽼"
}

.mdi-mustache:before {
    content: "󱗞"
}

.mdi-nail:before {
    content: "󰷟"
}

.mdi-nas:before {
    content: "󰣳"
}

.mdi-nativescript:before {
    content: "󰢀"
}

.mdi-nature:before {
    content: "󰎎"
}

.mdi-nature-outline:before {
    content: "󱱱"
}

.mdi-nature-people:before {
    content: "󰎏"
}

.mdi-nature-people-outline:before {
    content: "󱱲"
}

.mdi-navigation:before {
    content: "󰎐"
}

.mdi-navigation-outline:before {
    content: "󱘇"
}

.mdi-navigation-variant:before {
    content: "󱣰"
}

.mdi-navigation-variant-outline:before {
    content: "󱣱"
}

.mdi-near-me:before {
    content: "󰗍"
}

.mdi-necklace:before {
    content: "󰼋"
}

.mdi-needle:before {
    content: "󰎑"
}

.mdi-needle-off:before {
    content: "󱧒"
}

.mdi-netflix:before {
    content: "󰝆"
}

.mdi-network:before {
    content: "󰛳"
}

.mdi-network-off:before {
    content: "󰲛"
}

.mdi-network-off-outline:before {
    content: "󰲜"
}

.mdi-network-outline:before {
    content: "󰲝"
}

.mdi-network-pos:before {
    content: "󱫋"
}

.mdi-network-strength-1:before {
    content: "󰣴"
}

.mdi-network-strength-1-alert:before {
    content: "󰣵"
}

.mdi-network-strength-2:before {
    content: "󰣶"
}

.mdi-network-strength-2-alert:before {
    content: "󰣷"
}

.mdi-network-strength-3:before {
    content: "󰣸"
}

.mdi-network-strength-3-alert:before {
    content: "󰣹"
}

.mdi-network-strength-4:before {
    content: "󰣺"
}

.mdi-network-strength-4-alert:before {
    content: "󰣻"
}

.mdi-network-strength-4-cog:before {
    content: "󱤚"
}

.mdi-network-strength-off:before {
    content: "󰣼"
}

.mdi-network-strength-off-outline:before {
    content: "󰣽"
}

.mdi-network-strength-outline:before {
    content: "󰣾"
}

.mdi-new-box:before {
    content: "󰎔"
}

.mdi-newspaper:before {
    content: "󰎕"
}

.mdi-newspaper-check:before {
    content: "󱥃"
}

.mdi-newspaper-minus:before {
    content: "󰼌"
}

.mdi-newspaper-plus:before {
    content: "󰼍"
}

.mdi-newspaper-remove:before {
    content: "󱥄"
}

.mdi-newspaper-variant:before {
    content: "󱀁"
}

.mdi-newspaper-variant-multiple:before {
    content: "󱀂"
}

.mdi-newspaper-variant-multiple-outline:before {
    content: "󱀃"
}

.mdi-newspaper-variant-outline:before {
    content: "󱀄"
}

.mdi-nfc:before {
    content: "󰎖"
}

.mdi-nfc-search-variant:before {
    content: "󰹓"
}

.mdi-nfc-tap:before {
    content: "󰎗"
}

.mdi-nfc-variant:before {
    content: "󰎘"
}

.mdi-nfc-variant-off:before {
    content: "󰹔"
}

.mdi-ninja:before {
    content: "󰝴"
}

.mdi-nintendo-game-boy:before {
    content: "󱎓"
}

.mdi-nintendo-switch:before {
    content: "󰟡"
}

.mdi-nintendo-wii:before {
    content: "󰖫"
}

.mdi-nintendo-wiiu:before {
    content: "󰜭"
}

.mdi-nix:before {
    content: "󱄅"
}

.mdi-nodejs:before {
    content: "󰎙"
}

.mdi-noodles:before {
    content: "󱅾"
}

.mdi-not-equal:before {
    content: "󰦍"
}

.mdi-not-equal-variant:before {
    content: "󰦎"
}

.mdi-note:before {
    content: "󰎚"
}

.mdi-note-alert:before {
    content: "󱝽"
}

.mdi-note-alert-outline:before {
    content: "󱝾"
}

.mdi-note-check:before {
    content: "󱝿"
}

.mdi-note-check-outline:before {
    content: "󱞀"
}

.mdi-note-edit:before {
    content: "󱞁"
}

.mdi-note-edit-outline:before {
    content: "󱞂"
}

.mdi-note-minus:before {
    content: "󱙏"
}

.mdi-note-minus-outline:before {
    content: "󱙐"
}

.mdi-note-multiple:before {
    content: "󰚸"
}

.mdi-note-multiple-outline:before {
    content: "󰚹"
}

.mdi-note-off:before {
    content: "󱞃"
}

.mdi-note-off-outline:before {
    content: "󱞄"
}

.mdi-note-outline:before {
    content: "󰎛"
}

.mdi-note-plus:before {
    content: "󰎜"
}

.mdi-note-plus-outline:before {
    content: "󰎝"
}

.mdi-note-remove:before {
    content: "󱙑"
}

.mdi-note-remove-outline:before {
    content: "󱙒"
}

.mdi-note-search:before {
    content: "󱙓"
}

.mdi-note-search-outline:before {
    content: "󱙔"
}

.mdi-note-text:before {
    content: "󰎞"
}

.mdi-note-text-outline:before {
    content: "󱇗"
}

.mdi-notebook:before {
    content: "󰠮"
}

.mdi-notebook-check:before {
    content: "󱓵"
}

.mdi-notebook-check-outline:before {
    content: "󱓶"
}

.mdi-notebook-edit:before {
    content: "󱓧"
}

.mdi-notebook-edit-outline:before {
    content: "󱓩"
}

.mdi-notebook-heart:before {
    content: "󱨋"
}

.mdi-notebook-heart-outline:before {
    content: "󱨌"
}

.mdi-notebook-minus:before {
    content: "󱘐"
}

.mdi-notebook-minus-outline:before {
    content: "󱘑"
}

.mdi-notebook-multiple:before {
    content: "󰹕"
}

.mdi-notebook-outline:before {
    content: "󰺿"
}

.mdi-notebook-plus:before {
    content: "󱘒"
}

.mdi-notebook-plus-outline:before {
    content: "󱘓"
}

.mdi-notebook-remove:before {
    content: "󱘔"
}

.mdi-notebook-remove-outline:before {
    content: "󱘕"
}

.mdi-notification-clear-all:before {
    content: "󰎟"
}

.mdi-npm:before {
    content: "󰛷"
}

.mdi-nuke:before {
    content: "󰚤"
}

.mdi-null:before {
    content: "󰟢"
}

.mdi-numeric:before {
    content: "󰎠"
}

.mdi-numeric-0:before {
    content: "󰬹"
}

.mdi-numeric-0-box:before {
    content: "󰎡"
}

.mdi-numeric-0-box-multiple:before {
    content: "󰼎"
}

.mdi-numeric-0-box-multiple-outline:before {
    content: "󰎢"
}

.mdi-numeric-0-box-outline:before {
    content: "󰎣"
}

.mdi-numeric-0-circle:before {
    content: "󰲞"
}

.mdi-numeric-0-circle-outline:before {
    content: "󰲟"
}

.mdi-numeric-1:before {
    content: "󰬺"
}

.mdi-numeric-1-box:before {
    content: "󰎤"
}

.mdi-numeric-1-box-multiple:before {
    content: "󰼏"
}

.mdi-numeric-1-box-multiple-outline:before {
    content: "󰎥"
}

.mdi-numeric-1-box-outline:before {
    content: "󰎦"
}

.mdi-numeric-1-circle:before {
    content: "󰲠"
}

.mdi-numeric-1-circle-outline:before {
    content: "󰲡"
}

.mdi-numeric-10:before {
    content: "󰿩"
}

.mdi-numeric-10-box:before {
    content: "󰽽"
}

.mdi-numeric-10-box-multiple:before {
    content: "󰿪"
}

.mdi-numeric-10-box-multiple-outline:before {
    content: "󰿫"
}

.mdi-numeric-10-box-outline:before {
    content: "󰽾"
}

.mdi-numeric-10-circle:before {
    content: "󰿬"
}

.mdi-numeric-10-circle-outline:before {
    content: "󰿭"
}

.mdi-numeric-2:before {
    content: "󰬻"
}

.mdi-numeric-2-box:before {
    content: "󰎧"
}

.mdi-numeric-2-box-multiple:before {
    content: "󰼐"
}

.mdi-numeric-2-box-multiple-outline:before {
    content: "󰎨"
}

.mdi-numeric-2-box-outline:before {
    content: "󰎩"
}

.mdi-numeric-2-circle:before {
    content: "󰲢"
}

.mdi-numeric-2-circle-outline:before {
    content: "󰲣"
}

.mdi-numeric-3:before {
    content: "󰬼"
}

.mdi-numeric-3-box:before {
    content: "󰎪"
}

.mdi-numeric-3-box-multiple:before {
    content: "󰼑"
}

.mdi-numeric-3-box-multiple-outline:before {
    content: "󰎫"
}

.mdi-numeric-3-box-outline:before {
    content: "󰎬"
}

.mdi-numeric-3-circle:before {
    content: "󰲤"
}

.mdi-numeric-3-circle-outline:before {
    content: "󰲥"
}

.mdi-numeric-4:before {
    content: "󰬽"
}

.mdi-numeric-4-box:before {
    content: "󰎭"
}

.mdi-numeric-4-box-multiple:before {
    content: "󰼒"
}

.mdi-numeric-4-box-multiple-outline:before {
    content: "󰎲"
}

.mdi-numeric-4-box-outline:before {
    content: "󰎮"
}

.mdi-numeric-4-circle:before {
    content: "󰲦"
}

.mdi-numeric-4-circle-outline:before {
    content: "󰲧"
}

.mdi-numeric-5:before {
    content: "󰬾"
}

.mdi-numeric-5-box:before {
    content: "󰎱"
}

.mdi-numeric-5-box-multiple:before {
    content: "󰼓"
}

.mdi-numeric-5-box-multiple-outline:before {
    content: "󰎯"
}

.mdi-numeric-5-box-outline:before {
    content: "󰎰"
}

.mdi-numeric-5-circle:before {
    content: "󰲨"
}

.mdi-numeric-5-circle-outline:before {
    content: "󰲩"
}

.mdi-numeric-6:before {
    content: "󰬿"
}

.mdi-numeric-6-box:before {
    content: "󰎳"
}

.mdi-numeric-6-box-multiple:before {
    content: "󰼔"
}

.mdi-numeric-6-box-multiple-outline:before {
    content: "󰎴"
}

.mdi-numeric-6-box-outline:before {
    content: "󰎵"
}

.mdi-numeric-6-circle:before {
    content: "󰲪"
}

.mdi-numeric-6-circle-outline:before {
    content: "󰲫"
}

.mdi-numeric-7:before {
    content: "󰭀"
}

.mdi-numeric-7-box:before {
    content: "󰎶"
}

.mdi-numeric-7-box-multiple:before {
    content: "󰼕"
}

.mdi-numeric-7-box-multiple-outline:before {
    content: "󰎷"
}

.mdi-numeric-7-box-outline:before {
    content: "󰎸"
}

.mdi-numeric-7-circle:before {
    content: "󰲬"
}

.mdi-numeric-7-circle-outline:before {
    content: "󰲭"
}

.mdi-numeric-8:before {
    content: "󰭁"
}

.mdi-numeric-8-box:before {
    content: "󰎹"
}

.mdi-numeric-8-box-multiple:before {
    content: "󰼖"
}

.mdi-numeric-8-box-multiple-outline:before {
    content: "󰎺"
}

.mdi-numeric-8-box-outline:before {
    content: "󰎻"
}

.mdi-numeric-8-circle:before {
    content: "󰲮"
}

.mdi-numeric-8-circle-outline:before {
    content: "󰲯"
}

.mdi-numeric-9:before {
    content: "󰭂"
}

.mdi-numeric-9-box:before {
    content: "󰎼"
}

.mdi-numeric-9-box-multiple:before {
    content: "󰼗"
}

.mdi-numeric-9-box-multiple-outline:before {
    content: "󰎽"
}

.mdi-numeric-9-box-outline:before {
    content: "󰎾"
}

.mdi-numeric-9-circle:before {
    content: "󰲰"
}

.mdi-numeric-9-circle-outline:before {
    content: "󰲱"
}

.mdi-numeric-9-plus:before {
    content: "󰿮"
}

.mdi-numeric-9-plus-box:before {
    content: "󰎿"
}

.mdi-numeric-9-plus-box-multiple:before {
    content: "󰼘"
}

.mdi-numeric-9-plus-box-multiple-outline:before {
    content: "󰏀"
}

.mdi-numeric-9-plus-box-outline:before {
    content: "󰏁"
}

.mdi-numeric-9-plus-circle:before {
    content: "󰲲"
}

.mdi-numeric-9-plus-circle-outline:before {
    content: "󰲳"
}

.mdi-numeric-negative-1:before {
    content: "󱁒"
}

.mdi-numeric-off:before {
    content: "󱧓"
}

.mdi-numeric-positive-1:before {
    content: "󱗋"
}

.mdi-nut:before {
    content: "󰛸"
}

.mdi-nutrition:before {
    content: "󰏂"
}

.mdi-nuxt:before {
    content: "󱄆"
}

.mdi-oar:before {
    content: "󰙼"
}

.mdi-ocarina:before {
    content: "󰷠"
}

.mdi-oci:before {
    content: "󱋩"
}

.mdi-ocr:before {
    content: "󱄺"
}

.mdi-octagon:before {
    content: "󰏃"
}

.mdi-octagon-outline:before {
    content: "󰏄"
}

.mdi-octagram:before {
    content: "󰛹"
}

.mdi-octagram-edit:before {
    content: "󱰴"
}

.mdi-octagram-edit-outline:before {
    content: "󱰵"
}

.mdi-octagram-minus:before {
    content: "󱰶"
}

.mdi-octagram-minus-outline:before {
    content: "󱰷"
}

.mdi-octagram-outline:before {
    content: "󰝵"
}

.mdi-octagram-plus:before {
    content: "󱰸"
}

.mdi-octagram-plus-outline:before {
    content: "󱰹"
}

.mdi-octahedron:before {
    content: "󱥐"
}

.mdi-octahedron-off:before {
    content: "󱥑"
}

.mdi-odnoklassniki:before {
    content: "󰏅"
}

.mdi-offer:before {
    content: "󱈛"
}

.mdi-office-building:before {
    content: "󰦑"
}

.mdi-office-building-cog:before {
    content: "󱥉"
}

.mdi-office-building-cog-outline:before {
    content: "󱥊"
}

.mdi-office-building-marker:before {
    content: "󱔠"
}

.mdi-office-building-marker-outline:before {
    content: "󱔡"
}

.mdi-office-building-minus:before {
    content: "󱮪"
}

.mdi-office-building-minus-outline:before {
    content: "󱮫"
}

.mdi-office-building-outline:before {
    content: "󱔟"
}

.mdi-office-building-plus:before {
    content: "󱮨"
}

.mdi-office-building-plus-outline:before {
    content: "󱮩"
}

.mdi-office-building-remove:before {
    content: "󱮬"
}

.mdi-office-building-remove-outline:before {
    content: "󱮭"
}

.mdi-oil:before {
    content: "󰏇"
}

.mdi-oil-lamp:before {
    content: "󰼙"
}

.mdi-oil-level:before {
    content: "󱁓"
}

.mdi-oil-temperature:before {
    content: "󰿸"
}

.mdi-om:before {
    content: "󰥳"
}

.mdi-omega:before {
    content: "󰏉"
}

.mdi-one-up:before {
    content: "󰮭"
}

.mdi-onepassword:before {
    content: "󰢁"
}

.mdi-opacity:before {
    content: "󰗌"
}

.mdi-open-in-app:before {
    content: "󰏋"
}

.mdi-open-in-new:before {
    content: "󰏌"
}

.mdi-open-source-initiative:before {
    content: "󰮮"
}

.mdi-openid:before {
    content: "󰏍"
}

.mdi-opera:before {
    content: "󰏎"
}

.mdi-orbit:before {
    content: "󰀘"
}

.mdi-orbit-variant:before {
    content: "󱗛"
}

.mdi-order-alphabetical-ascending:before {
    content: "󰈍"
}

.mdi-order-alphabetical-descending:before {
    content: "󰴇"
}

.mdi-order-bool-ascending:before {
    content: "󰊾"
}

.mdi-order-bool-ascending-variant:before {
    content: "󰦏"
}

.mdi-order-bool-descending:before {
    content: "󱎄"
}

.mdi-order-bool-descending-variant:before {
    content: "󰦐"
}

.mdi-order-numeric-ascending:before {
    content: "󰕅"
}

.mdi-order-numeric-descending:before {
    content: "󰕆"
}

.mdi-origin:before {
    content: "󰭃"
}

.mdi-ornament:before {
    content: "󰏏"
}

.mdi-ornament-variant:before {
    content: "󰏐"
}

.mdi-outdoor-lamp:before {
    content: "󱁔"
}

.mdi-overscan:before {
    content: "󱀅"
}

.mdi-owl:before {
    content: "󰏒"
}

.mdi-pac-man:before {
    content: "󰮯"
}

.mdi-package:before {
    content: "󰏓"
}

.mdi-package-check:before {
    content: "󱭑"
}

.mdi-package-down:before {
    content: "󰏔"
}

.mdi-package-up:before {
    content: "󰏕"
}

.mdi-package-variant:before {
    content: "󰏖"
}

.mdi-package-variant-closed:before {
    content: "󰏗"
}

.mdi-package-variant-closed-check:before {
    content: "󱭒"
}

.mdi-package-variant-closed-minus:before {
    content: "󱧔"
}

.mdi-package-variant-closed-plus:before {
    content: "󱧕"
}

.mdi-package-variant-closed-remove:before {
    content: "󱧖"
}

.mdi-package-variant-minus:before {
    content: "󱧗"
}

.mdi-package-variant-plus:before {
    content: "󱧘"
}

.mdi-package-variant-remove:before {
    content: "󱧙"
}

.mdi-page-first:before {
    content: "󰘀"
}

.mdi-page-last:before {
    content: "󰘁"
}

.mdi-page-layout-body:before {
    content: "󰛺"
}

.mdi-page-layout-footer:before {
    content: "󰛻"
}

.mdi-page-layout-header:before {
    content: "󰛼"
}

.mdi-page-layout-header-footer:before {
    content: "󰽿"
}

.mdi-page-layout-sidebar-left:before {
    content: "󰛽"
}

.mdi-page-layout-sidebar-right:before {
    content: "󰛾"
}

.mdi-page-next:before {
    content: "󰮰"
}

.mdi-page-next-outline:before {
    content: "󰮱"
}

.mdi-page-previous:before {
    content: "󰮲"
}

.mdi-page-previous-outline:before {
    content: "󰮳"
}

.mdi-pail:before {
    content: "󱐗"
}

.mdi-pail-minus:before {
    content: "󱐷"
}

.mdi-pail-minus-outline:before {
    content: "󱐼"
}

.mdi-pail-off:before {
    content: "󱐹"
}

.mdi-pail-off-outline:before {
    content: "󱐾"
}

.mdi-pail-outline:before {
    content: "󱐺"
}

.mdi-pail-plus:before {
    content: "󱐶"
}

.mdi-pail-plus-outline:before {
    content: "󱐻"
}

.mdi-pail-remove:before {
    content: "󱐸"
}

.mdi-pail-remove-outline:before {
    content: "󱐽"
}

.mdi-palette:before {
    content: "󰏘"
}

.mdi-palette-advanced:before {
    content: "󰏙"
}

.mdi-palette-outline:before {
    content: "󰸌"
}

.mdi-palette-swatch:before {
    content: "󰢵"
}

.mdi-palette-swatch-outline:before {
    content: "󱍜"
}

.mdi-palette-swatch-variant:before {
    content: "󱥚"
}

.mdi-palm-tree:before {
    content: "󱁕"
}

.mdi-pan:before {
    content: "󰮴"
}

.mdi-pan-bottom-left:before {
    content: "󰮵"
}

.mdi-pan-bottom-right:before {
    content: "󰮶"
}

.mdi-pan-down:before {
    content: "󰮷"
}

.mdi-pan-horizontal:before {
    content: "󰮸"
}

.mdi-pan-left:before {
    content: "󰮹"
}

.mdi-pan-right:before {
    content: "󰮺"
}

.mdi-pan-top-left:before {
    content: "󰮻"
}

.mdi-pan-top-right:before {
    content: "󰮼"
}

.mdi-pan-up:before {
    content: "󰮽"
}

.mdi-pan-vertical:before {
    content: "󰮾"
}

.mdi-panda:before {
    content: "󰏚"
}

.mdi-pandora:before {
    content: "󰏛"
}

.mdi-panorama:before {
    content: "󰏜"
}

.mdi-panorama-fisheye:before {
    content: "󰏝"
}

.mdi-panorama-horizontal:before {
    content: "󱤨"
}

.mdi-panorama-horizontal-outline:before {
    content: "󰏞"
}

.mdi-panorama-outline:before {
    content: "󱦌"
}

.mdi-panorama-sphere:before {
    content: "󱦍"
}

.mdi-panorama-sphere-outline:before {
    content: "󱦎"
}

.mdi-panorama-variant:before {
    content: "󱦏"
}

.mdi-panorama-variant-outline:before {
    content: "󱦐"
}

.mdi-panorama-vertical:before {
    content: "󱤩"
}

.mdi-panorama-vertical-outline:before {
    content: "󰏟"
}

.mdi-panorama-wide-angle:before {
    content: "󱥟"
}

.mdi-panorama-wide-angle-outline:before {
    content: "󰏠"
}

.mdi-paper-cut-vertical:before {
    content: "󰏡"
}

.mdi-paper-roll:before {
    content: "󱅗"
}

.mdi-paper-roll-outline:before {
    content: "󱅘"
}

.mdi-paperclip:before {
    content: "󰏢"
}

.mdi-paperclip-check:before {
    content: "󱫆"
}

.mdi-paperclip-lock:before {
    content: "󱧚"
}

.mdi-paperclip-minus:before {
    content: "󱫇"
}

.mdi-paperclip-off:before {
    content: "󱫈"
}

.mdi-paperclip-plus:before {
    content: "󱫉"
}

.mdi-paperclip-remove:before {
    content: "󱫊"
}

.mdi-parachute:before {
    content: "󰲴"
}

.mdi-parachute-outline:before {
    content: "󰲵"
}

.mdi-paragliding:before {
    content: "󱝅"
}

.mdi-parking:before {
    content: "󰏣"
}

.mdi-party-popper:before {
    content: "󱁖"
}

.mdi-passport:before {
    content: "󰟣"
}

.mdi-passport-biometric:before {
    content: "󰷡"
}

.mdi-pasta:before {
    content: "󱅠"
}

.mdi-patio-heater:before {
    content: "󰾀"
}

.mdi-patreon:before {
    content: "󰢂"
}

.mdi-pause:before {
    content: "󰏤"
}

.mdi-pause-box:before {
    content: "󰂼"
}

.mdi-pause-box-outline:before {
    content: "󱭺"
}

.mdi-pause-circle:before {
    content: "󰏥"
}

.mdi-pause-circle-outline:before {
    content: "󰏦"
}

.mdi-pause-octagon:before {
    content: "󰏧"
}

.mdi-pause-octagon-outline:before {
    content: "󰏨"
}

.mdi-paw:before {
    content: "󰏩"
}

.mdi-paw-off:before {
    content: "󰙗"
}

.mdi-paw-off-outline:before {
    content: "󱙶"
}

.mdi-paw-outline:before {
    content: "󱙵"
}

.mdi-peace:before {
    content: "󰢄"
}

.mdi-peanut:before {
    content: "󰿼"
}

.mdi-peanut-off:before {
    content: "󰿽"
}

.mdi-peanut-off-outline:before {
    content: "󰿿"
}

.mdi-peanut-outline:before {
    content: "󰿾"
}

.mdi-pen:before {
    content: "󰏪"
}

.mdi-pen-lock:before {
    content: "󰷢"
}

.mdi-pen-minus:before {
    content: "󰷣"
}

.mdi-pen-off:before {
    content: "󰷤"
}

.mdi-pen-plus:before {
    content: "󰷥"
}

.mdi-pen-remove:before {
    content: "󰷦"
}

.mdi-pencil:before {
    content: "󰏫"
}

.mdi-pencil-box:before {
    content: "󰏬"
}

.mdi-pencil-box-multiple:before {
    content: "󱅄"
}

.mdi-pencil-box-multiple-outline:before {
    content: "󱅅"
}

.mdi-pencil-box-outline:before {
    content: "󰏭"
}

.mdi-pencil-circle:before {
    content: "󰛿"
}

.mdi-pencil-circle-outline:before {
    content: "󰝶"
}

.mdi-pencil-lock:before {
    content: "󰏮"
}

.mdi-pencil-lock-outline:before {
    content: "󰷧"
}

.mdi-pencil-minus:before {
    content: "󰷨"
}

.mdi-pencil-minus-outline:before {
    content: "󰷩"
}

.mdi-pencil-off:before {
    content: "󰏯"
}

.mdi-pencil-off-outline:before {
    content: "󰷪"
}

.mdi-pencil-outline:before {
    content: "󰲶"
}

.mdi-pencil-plus:before {
    content: "󰷫"
}

.mdi-pencil-plus-outline:before {
    content: "󰷬"
}

.mdi-pencil-remove:before {
    content: "󰷭"
}

.mdi-pencil-remove-outline:before {
    content: "󰷮"
}

.mdi-pencil-ruler:before {
    content: "󱍓"
}

.mdi-pencil-ruler-outline:before {
    content: "󱰑"
}

.mdi-penguin:before {
    content: "󰻀"
}

.mdi-pentagon:before {
    content: "󰜁"
}

.mdi-pentagon-outline:before {
    content: "󰜀"
}

.mdi-pentagram:before {
    content: "󱙧"
}

.mdi-percent:before {
    content: "󰏰"
}

.mdi-percent-box:before {
    content: "󱨂"
}

.mdi-percent-box-outline:before {
    content: "󱨃"
}

.mdi-percent-circle:before {
    content: "󱨄"
}

.mdi-percent-circle-outline:before {
    content: "󱨅"
}

.mdi-percent-outline:before {
    content: "󱉸"
}

.mdi-periodic-table:before {
    content: "󰢶"
}

.mdi-perspective-less:before {
    content: "󰴣"
}

.mdi-perspective-more:before {
    content: "󰴤"
}

.mdi-ph:before {
    content: "󱟅"
}

.mdi-phone:before {
    content: "󰏲"
}

.mdi-phone-alert:before {
    content: "󰼚"
}

.mdi-phone-alert-outline:before {
    content: "󱆎"
}

.mdi-phone-bluetooth:before {
    content: "󰏳"
}

.mdi-phone-bluetooth-outline:before {
    content: "󱆏"
}

.mdi-phone-cancel:before {
    content: "󱂼"
}

.mdi-phone-cancel-outline:before {
    content: "󱆐"
}

.mdi-phone-check:before {
    content: "󱆩"
}

.mdi-phone-check-outline:before {
    content: "󱆪"
}

.mdi-phone-classic:before {
    content: "󰘂"
}

.mdi-phone-classic-off:before {
    content: "󱉹"
}

.mdi-phone-clock:before {
    content: "󱧛"
}

.mdi-phone-dial:before {
    content: "󱕙"
}

.mdi-phone-dial-outline:before {
    content: "󱕚"
}

.mdi-phone-forward:before {
    content: "󰏴"
}

.mdi-phone-forward-outline:before {
    content: "󱆑"
}

.mdi-phone-hangup:before {
    content: "󰏵"
}

.mdi-phone-hangup-outline:before {
    content: "󱆒"
}

.mdi-phone-in-talk:before {
    content: "󰏶"
}

.mdi-phone-in-talk-outline:before {
    content: "󱆂"
}

.mdi-phone-incoming:before {
    content: "󰏷"
}

.mdi-phone-incoming-outgoing:before {
    content: "󱬿"
}

.mdi-phone-incoming-outgoing-outline:before {
    content: "󱭀"
}

.mdi-phone-incoming-outline:before {
    content: "󱆓"
}

.mdi-phone-lock:before {
    content: "󰏸"
}

.mdi-phone-lock-outline:before {
    content: "󱆔"
}

.mdi-phone-log:before {
    content: "󰏹"
}

.mdi-phone-log-outline:before {
    content: "󱆕"
}

.mdi-phone-message:before {
    content: "󱆖"
}

.mdi-phone-message-outline:before {
    content: "󱆗"
}

.mdi-phone-minus:before {
    content: "󰙘"
}

.mdi-phone-minus-outline:before {
    content: "󱆘"
}

.mdi-phone-missed:before {
    content: "󰏺"
}

.mdi-phone-missed-outline:before {
    content: "󱆥"
}

.mdi-phone-off:before {
    content: "󰷯"
}

.mdi-phone-off-outline:before {
    content: "󱆦"
}

.mdi-phone-outgoing:before {
    content: "󰏻"
}

.mdi-phone-outgoing-outline:before {
    content: "󱆙"
}

.mdi-phone-outline:before {
    content: "󰷰"
}

.mdi-phone-paused:before {
    content: "󰏼"
}

.mdi-phone-paused-outline:before {
    content: "󱆚"
}

.mdi-phone-plus:before {
    content: "󰙙"
}

.mdi-phone-plus-outline:before {
    content: "󱆛"
}

.mdi-phone-refresh:before {
    content: "󱦓"
}

.mdi-phone-refresh-outline:before {
    content: "󱦔"
}

.mdi-phone-remove:before {
    content: "󱔯"
}

.mdi-phone-remove-outline:before {
    content: "󱔰"
}

.mdi-phone-return:before {
    content: "󰠯"
}

.mdi-phone-return-outline:before {
    content: "󱆜"
}

.mdi-phone-ring:before {
    content: "󱆫"
}

.mdi-phone-ring-outline:before {
    content: "󱆬"
}

.mdi-phone-rotate-landscape:before {
    content: "󰢅"
}

.mdi-phone-rotate-portrait:before {
    content: "󰢆"
}

.mdi-phone-settings:before {
    content: "󰏽"
}

.mdi-phone-settings-outline:before {
    content: "󱆝"
}

.mdi-phone-sync:before {
    content: "󱦕"
}

.mdi-phone-sync-outline:before {
    content: "󱦖"
}

.mdi-phone-voip:before {
    content: "󰏾"
}

.mdi-pi:before {
    content: "󰏿"
}

.mdi-pi-box:before {
    content: "󰐀"
}

.mdi-pi-hole:before {
    content: "󰷱"
}

.mdi-piano:before {
    content: "󰙽"
}

.mdi-piano-off:before {
    content: "󰚘"
}

.mdi-pickaxe:before {
    content: "󰢷"
}

.mdi-picture-in-picture-bottom-right:before {
    content: "󰹗"
}

.mdi-picture-in-picture-bottom-right-outline:before {
    content: "󰹘"
}

.mdi-picture-in-picture-top-right:before {
    content: "󰹙"
}

.mdi-picture-in-picture-top-right-outline:before {
    content: "󰹚"
}

.mdi-pier:before {
    content: "󰢇"
}

.mdi-pier-crane:before {
    content: "󰢈"
}

.mdi-pig:before {
    content: "󰐁"
}

.mdi-pig-variant:before {
    content: "󱀆"
}

.mdi-pig-variant-outline:before {
    content: "󱙸"
}

.mdi-piggy-bank:before {
    content: "󱀇"
}

.mdi-piggy-bank-outline:before {
    content: "󱙹"
}

.mdi-pill:before {
    content: "󰐂"
}

.mdi-pill-multiple:before {
    content: "󱭌"
}

.mdi-pill-off:before {
    content: "󱩜"
}

.mdi-pillar:before {
    content: "󰜂"
}

.mdi-pin:before {
    content: "󰐃"
}

.mdi-pin-off:before {
    content: "󰐄"
}

.mdi-pin-off-outline:before {
    content: "󰤰"
}

.mdi-pin-outline:before {
    content: "󰤱"
}

.mdi-pine-tree:before {
    content: "󰐅"
}

.mdi-pine-tree-box:before {
    content: "󰐆"
}

.mdi-pine-tree-fire:before {
    content: "󱐚"
}

.mdi-pine-tree-variant:before {
    content: "󱱳"
}

.mdi-pine-tree-variant-outline:before {
    content: "󱱴"
}

.mdi-pinterest:before {
    content: "󰐇"
}

.mdi-pinwheel:before {
    content: "󰫕"
}

.mdi-pinwheel-outline:before {
    content: "󰫖"
}

.mdi-pipe:before {
    content: "󰟥"
}

.mdi-pipe-disconnected:before {
    content: "󰟦"
}

.mdi-pipe-leak:before {
    content: "󰢉"
}

.mdi-pipe-valve:before {
    content: "󱡍"
}

.mdi-pipe-wrench:before {
    content: "󱍔"
}

.mdi-pirate:before {
    content: "󰨈"
}

.mdi-pistol:before {
    content: "󰜃"
}

.mdi-piston:before {
    content: "󰢊"
}

.mdi-pitchfork:before {
    content: "󱕓"
}

.mdi-pizza:before {
    content: "󰐉"
}

.mdi-plane-car:before {
    content: "󱫿"
}

.mdi-plane-train:before {
    content: "󱬀"
}

.mdi-play:before {
    content: "󰐊"
}

.mdi-play-box:before {
    content: "󱉺"
}

.mdi-play-box-edit-outline:before {
    content: "󱰺"
}

.mdi-play-box-lock:before {
    content: "󱨖"
}

.mdi-play-box-lock-open:before {
    content: "󱨗"
}

.mdi-play-box-lock-open-outline:before {
    content: "󱨘"
}

.mdi-play-box-lock-outline:before {
    content: "󱨙"
}

.mdi-play-box-multiple:before {
    content: "󰴙"
}

.mdi-play-box-multiple-outline:before {
    content: "󱏦"
}

.mdi-play-box-outline:before {
    content: "󰐋"
}

.mdi-play-circle:before {
    content: "󰐌"
}

.mdi-play-circle-outline:before {
    content: "󰐍"
}

.mdi-play-network:before {
    content: "󰢋"
}

.mdi-play-network-outline:before {
    content: "󰲷"
}

.mdi-play-outline:before {
    content: "󰼛"
}

.mdi-play-pause:before {
    content: "󰐎"
}

.mdi-play-protected-content:before {
    content: "󰐏"
}

.mdi-play-speed:before {
    content: "󰣿"
}

.mdi-playlist-check:before {
    content: "󰗇"
}

.mdi-playlist-edit:before {
    content: "󰤀"
}

.mdi-playlist-minus:before {
    content: "󰐐"
}

.mdi-playlist-music:before {
    content: "󰲸"
}

.mdi-playlist-music-outline:before {
    content: "󰲹"
}

.mdi-playlist-play:before {
    content: "󰐑"
}

.mdi-playlist-plus:before {
    content: "󰐒"
}

.mdi-playlist-remove:before {
    content: "󰐓"
}

.mdi-playlist-star:before {
    content: "󰷲"
}

.mdi-plex:before {
    content: "󰚺"
}

.mdi-pliers:before {
    content: "󱦤"
}

.mdi-plus:before {
    content: "󰐕"
}

.mdi-plus-box:before {
    content: "󰐖"
}

.mdi-plus-box-multiple:before {
    content: "󰌴"
}

.mdi-plus-box-multiple-outline:before {
    content: "󱅃"
}

.mdi-plus-box-outline:before {
    content: "󰜄"
}

.mdi-plus-circle:before {
    content: "󰐗"
}

.mdi-plus-circle-multiple:before {
    content: "󰍌"
}

.mdi-plus-circle-multiple-outline:before {
    content: "󰐘"
}

.mdi-plus-circle-outline:before {
    content: "󰐙"
}

.mdi-plus-lock:before {
    content: "󱩝"
}

.mdi-plus-lock-open:before {
    content: "󱩞"
}

.mdi-plus-minus:before {
    content: "󰦒"
}

.mdi-plus-minus-box:before {
    content: "󰦓"
}

.mdi-plus-minus-variant:before {
    content: "󱓉"
}

.mdi-plus-network:before {
    content: "󰐚"
}

.mdi-plus-network-outline:before {
    content: "󰲺"
}

.mdi-plus-outline:before {
    content: "󰜅"
}

.mdi-plus-thick:before {
    content: "󱇬"
}

.mdi-podcast:before {
    content: "󰦔"
}

.mdi-podium:before {
    content: "󰴥"
}

.mdi-podium-bronze:before {
    content: "󰴦"
}

.mdi-podium-gold:before {
    content: "󰴧"
}

.mdi-podium-silver:before {
    content: "󰴨"
}

.mdi-point-of-sale:before {
    content: "󰶒"
}

.mdi-pokeball:before {
    content: "󰐝"
}

.mdi-pokemon-go:before {
    content: "󰨉"
}

.mdi-poker-chip:before {
    content: "󰠰"
}

.mdi-polaroid:before {
    content: "󰐞"
}

.mdi-police-badge:before {
    content: "󱅧"
}

.mdi-police-badge-outline:before {
    content: "󱅨"
}

.mdi-police-station:before {
    content: "󱠹"
}

.mdi-poll:before {
    content: "󰐟"
}

.mdi-polo:before {
    content: "󱓃"
}

.mdi-polymer:before {
    content: "󰐡"
}

.mdi-pool:before {
    content: "󰘆"
}

.mdi-pool-thermometer:before {
    content: "󱩟"
}

.mdi-popcorn:before {
    content: "󰐢"
}

.mdi-post:before {
    content: "󱀈"
}

.mdi-post-lamp:before {
    content: "󱩠"
}

.mdi-post-outline:before {
    content: "󱀉"
}

.mdi-postage-stamp:before {
    content: "󰲻"
}

.mdi-pot:before {
    content: "󰋥"
}

.mdi-pot-mix:before {
    content: "󰙛"
}

.mdi-pot-mix-outline:before {
    content: "󰙷"
}

.mdi-pot-outline:before {
    content: "󰋿"
}

.mdi-pot-steam:before {
    content: "󰙚"
}

.mdi-pot-steam-outline:before {
    content: "󰌦"
}

.mdi-pound:before {
    content: "󰐣"
}

.mdi-pound-box:before {
    content: "󰐤"
}

.mdi-pound-box-outline:before {
    content: "󱅿"
}

.mdi-power:before {
    content: "󰐥"
}

.mdi-power-cycle:before {
    content: "󰤁"
}

.mdi-power-off:before {
    content: "󰤂"
}

.mdi-power-on:before {
    content: "󰤃"
}

.mdi-power-plug:before {
    content: "󰚥"
}

.mdi-power-plug-battery:before {
    content: "󱰻"
}

.mdi-power-plug-battery-outline:before {
    content: "󱰼"
}

.mdi-power-plug-off:before {
    content: "󰚦"
}

.mdi-power-plug-off-outline:before {
    content: "󱐤"
}

.mdi-power-plug-outline:before {
    content: "󱐥"
}

.mdi-power-settings:before {
    content: "󰐦"
}

.mdi-power-sleep:before {
    content: "󰤄"
}

.mdi-power-socket:before {
    content: "󰐧"
}

.mdi-power-socket-au:before {
    content: "󰤅"
}

.mdi-power-socket-ch:before {
    content: "󰾳"
}

.mdi-power-socket-de:before {
    content: "󱄇"
}

.mdi-power-socket-eu:before {
    content: "󰟧"
}

.mdi-power-socket-fr:before {
    content: "󱄈"
}

.mdi-power-socket-it:before {
    content: "󱓿"
}

.mdi-power-socket-jp:before {
    content: "󱄉"
}

.mdi-power-socket-uk:before {
    content: "󰟨"
}

.mdi-power-socket-us:before {
    content: "󰟩"
}

.mdi-power-standby:before {
    content: "󰤆"
}

.mdi-powershell:before {
    content: "󰨊"
}

.mdi-prescription:before {
    content: "󰜆"
}

.mdi-presentation:before {
    content: "󰐨"
}

.mdi-presentation-play:before {
    content: "󰐩"
}

.mdi-pretzel:before {
    content: "󱕢"
}

.mdi-printer:before {
    content: "󰐪"
}

.mdi-printer-3d:before {
    content: "󰐫"
}

.mdi-printer-3d-nozzle:before {
    content: "󰹛"
}

.mdi-printer-3d-nozzle-alert:before {
    content: "󱇀"
}

.mdi-printer-3d-nozzle-alert-outline:before {
    content: "󱇁"
}

.mdi-printer-3d-nozzle-heat:before {
    content: "󱢸"
}

.mdi-printer-3d-nozzle-heat-outline:before {
    content: "󱢹"
}

.mdi-printer-3d-nozzle-off:before {
    content: "󱬙"
}

.mdi-printer-3d-nozzle-off-outline:before {
    content: "󱬚"
}

.mdi-printer-3d-nozzle-outline:before {
    content: "󰹜"
}

.mdi-printer-3d-off:before {
    content: "󱬎"
}

.mdi-printer-alert:before {
    content: "󰐬"
}

.mdi-printer-check:before {
    content: "󱅆"
}

.mdi-printer-eye:before {
    content: "󱑘"
}

.mdi-printer-off:before {
    content: "󰹝"
}

.mdi-printer-off-outline:before {
    content: "󱞅"
}

.mdi-printer-outline:before {
    content: "󱞆"
}

.mdi-printer-pos:before {
    content: "󱁗"
}

.mdi-printer-pos-alert:before {
    content: "󱮼"
}

.mdi-printer-pos-alert-outline:before {
    content: "󱮽"
}

.mdi-printer-pos-cancel:before {
    content: "󱮾"
}

.mdi-printer-pos-cancel-outline:before {
    content: "󱮿"
}

.mdi-printer-pos-check:before {
    content: "󱯀"
}

.mdi-printer-pos-check-outline:before {
    content: "󱯁"
}

.mdi-printer-pos-cog:before {
    content: "󱯂"
}

.mdi-printer-pos-cog-outline:before {
    content: "󱯃"
}

.mdi-printer-pos-edit:before {
    content: "󱯄"
}

.mdi-printer-pos-edit-outline:before {
    content: "󱯅"
}

.mdi-printer-pos-minus:before {
    content: "󱯆"
}

.mdi-printer-pos-minus-outline:before {
    content: "󱯇"
}

.mdi-printer-pos-network:before {
    content: "󱯈"
}

.mdi-printer-pos-network-outline:before {
    content: "󱯉"
}

.mdi-printer-pos-off:before {
    content: "󱯊"
}

.mdi-printer-pos-off-outline:before {
    content: "󱯋"
}

.mdi-printer-pos-outline:before {
    content: "󱯌"
}

.mdi-printer-pos-pause:before {
    content: "󱯍"
}

.mdi-printer-pos-pause-outline:before {
    content: "󱯎"
}

.mdi-printer-pos-play:before {
    content: "󱯏"
}

.mdi-printer-pos-play-outline:before {
    content: "󱯐"
}

.mdi-printer-pos-plus:before {
    content: "󱯑"
}

.mdi-printer-pos-plus-outline:before {
    content: "󱯒"
}

.mdi-printer-pos-refresh:before {
    content: "󱯓"
}

.mdi-printer-pos-refresh-outline:before {
    content: "󱯔"
}

.mdi-printer-pos-remove:before {
    content: "󱯕"
}

.mdi-printer-pos-remove-outline:before {
    content: "󱯖"
}

.mdi-printer-pos-star:before {
    content: "󱯗"
}

.mdi-printer-pos-star-outline:before {
    content: "󱯘"
}

.mdi-printer-pos-stop:before {
    content: "󱯙"
}

.mdi-printer-pos-stop-outline:before {
    content: "󱯚"
}

.mdi-printer-pos-sync:before {
    content: "󱯛"
}

.mdi-printer-pos-sync-outline:before {
    content: "󱯜"
}

.mdi-printer-pos-wrench:before {
    content: "󱯝"
}

.mdi-printer-pos-wrench-outline:before {
    content: "󱯞"
}

.mdi-printer-search:before {
    content: "󱑗"
}

.mdi-printer-settings:before {
    content: "󰜇"
}

.mdi-printer-wireless:before {
    content: "󰨋"
}

.mdi-priority-high:before {
    content: "󰘃"
}

.mdi-priority-low:before {
    content: "󰘄"
}

.mdi-professional-hexagon:before {
    content: "󰐭"
}

.mdi-progress-alert:before {
    content: "󰲼"
}

.mdi-progress-check:before {
    content: "󰦕"
}

.mdi-progress-clock:before {
    content: "󰦖"
}

.mdi-progress-close:before {
    content: "󱄊"
}

.mdi-progress-download:before {
    content: "󰦗"
}

.mdi-progress-helper:before {
    content: "󱮢"
}

.mdi-progress-pencil:before {
    content: "󱞇"
}

.mdi-progress-question:before {
    content: "󱔢"
}

.mdi-progress-star:before {
    content: "󱞈"
}

.mdi-progress-star-four-points:before {
    content: "󱰽"
}

.mdi-progress-upload:before {
    content: "󰦘"
}

.mdi-progress-wrench:before {
    content: "󰲽"
}

.mdi-projector:before {
    content: "󰐮"
}

.mdi-projector-off:before {
    content: "󱨣"
}

.mdi-projector-screen:before {
    content: "󰐯"
}

.mdi-projector-screen-off:before {
    content: "󱠍"
}

.mdi-projector-screen-off-outline:before {
    content: "󱠎"
}

.mdi-projector-screen-outline:before {
    content: "󱜤"
}

.mdi-projector-screen-variant:before {
    content: "󱠏"
}

.mdi-projector-screen-variant-off:before {
    content: "󱠐"
}

.mdi-projector-screen-variant-off-outline:before {
    content: "󱠑"
}

.mdi-projector-screen-variant-outline:before {
    content: "󱠒"
}

.mdi-propane-tank:before {
    content: "󱍗"
}

.mdi-propane-tank-outline:before {
    content: "󱍘"
}

.mdi-protocol:before {
    content: "󰿘"
}

.mdi-publish:before {
    content: "󰚧"
}

.mdi-publish-off:before {
    content: "󱥅"
}

.mdi-pulse:before {
    content: "󰐰"
}

.mdi-pump:before {
    content: "󱐂"
}

.mdi-pump-off:before {
    content: "󱬢"
}

.mdi-pumpkin:before {
    content: "󰮿"
}

.mdi-purse:before {
    content: "󰼜"
}

.mdi-purse-outline:before {
    content: "󰼝"
}

.mdi-puzzle:before {
    content: "󰐱"
}

.mdi-puzzle-check:before {
    content: "󱐦"
}

.mdi-puzzle-check-outline:before {
    content: "󱐧"
}

.mdi-puzzle-edit:before {
    content: "󱓓"
}

.mdi-puzzle-edit-outline:before {
    content: "󱓙"
}

.mdi-puzzle-heart:before {
    content: "󱓔"
}

.mdi-puzzle-heart-outline:before {
    content: "󱓚"
}

.mdi-puzzle-minus:before {
    content: "󱓑"
}

.mdi-puzzle-minus-outline:before {
    content: "󱓗"
}

.mdi-puzzle-outline:before {
    content: "󰩦"
}

.mdi-puzzle-plus:before {
    content: "󱓐"
}

.mdi-puzzle-plus-outline:before {
    content: "󱓖"
}

.mdi-puzzle-remove:before {
    content: "󱓒"
}

.mdi-puzzle-remove-outline:before {
    content: "󱓘"
}

.mdi-puzzle-star:before {
    content: "󱓕"
}

.mdi-puzzle-star-outline:before {
    content: "󱓛"
}

.mdi-pyramid:before {
    content: "󱥒"
}

.mdi-pyramid-off:before {
    content: "󱥓"
}

.mdi-qi:before {
    content: "󰦙"
}

.mdi-qqchat:before {
    content: "󰘅"
}

.mdi-qrcode:before {
    content: "󰐲"
}

.mdi-qrcode-edit:before {
    content: "󰢸"
}

.mdi-qrcode-minus:before {
    content: "󱆌"
}

.mdi-qrcode-plus:before {
    content: "󱆋"
}

.mdi-qrcode-remove:before {
    content: "󱆍"
}

.mdi-qrcode-scan:before {
    content: "󰐳"
}

.mdi-quadcopter:before {
    content: "󰐴"
}

.mdi-quality-high:before {
    content: "󰐵"
}

.mdi-quality-low:before {
    content: "󰨌"
}

.mdi-quality-medium:before {
    content: "󰨍"
}

.mdi-quora:before {
    content: "󰴩"
}

.mdi-rabbit:before {
    content: "󰤇"
}

.mdi-rabbit-variant:before {
    content: "󱩡"
}

.mdi-rabbit-variant-outline:before {
    content: "󱩢"
}

.mdi-racing-helmet:before {
    content: "󰶓"
}

.mdi-racquetball:before {
    content: "󰶔"
}

.mdi-radar:before {
    content: "󰐷"
}

.mdi-radiator:before {
    content: "󰐸"
}

.mdi-radiator-disabled:before {
    content: "󰫗"
}

.mdi-radiator-off:before {
    content: "󰫘"
}

.mdi-radio:before {
    content: "󰐹"
}

.mdi-radio-am:before {
    content: "󰲾"
}

.mdi-radio-fm:before {
    content: "󰲿"
}

.mdi-radio-handheld:before {
    content: "󰐺"
}

.mdi-radio-off:before {
    content: "󱈜"
}

.mdi-radio-tower:before {
    content: "󰐻"
}

.mdi-radioactive:before {
    content: "󰐼"
}

.mdi-radioactive-circle:before {
    content: "󱡝"
}

.mdi-radioactive-circle-outline:before {
    content: "󱡞"
}

.mdi-radioactive-off:before {
    content: "󰻁"
}

.mdi-radiobox-blank:before {
    content: "󰐽"
}

.mdi-radiobox-indeterminate-variant:before {
    content: "󱱞"
}

.mdi-radiobox-marked:before {
    content: "󰐾"
}

.mdi-radiology-box:before {
    content: "󱓅"
}

.mdi-radiology-box-outline:before {
    content: "󱓆"
}

.mdi-radius:before {
    content: "󰳀"
}

.mdi-radius-outline:before {
    content: "󰳁"
}

.mdi-railroad-light:before {
    content: "󰼞"
}

.mdi-rake:before {
    content: "󱕄"
}

.mdi-raspberry-pi:before {
    content: "󰐿"
}

.mdi-raw:before {
    content: "󱨏"
}

.mdi-raw-off:before {
    content: "󱨐"
}

.mdi-ray-end:before {
    content: "󰑀"
}

.mdi-ray-end-arrow:before {
    content: "󰑁"
}

.mdi-ray-start:before {
    content: "󰑂"
}

.mdi-ray-start-arrow:before {
    content: "󰑃"
}

.mdi-ray-start-end:before {
    content: "󰑄"
}

.mdi-ray-start-vertex-end:before {
    content: "󱗘"
}

.mdi-ray-vertex:before {
    content: "󰑅"
}

.mdi-razor-double-edge:before {
    content: "󱦗"
}

.mdi-razor-single-edge:before {
    content: "󱦘"
}

.mdi-react:before {
    content: "󰜈"
}

.mdi-read:before {
    content: "󰑇"
}

.mdi-receipt:before {
    content: "󰠤"
}

.mdi-receipt-clock:before {
    content: "󱰾"
}

.mdi-receipt-clock-outline:before {
    content: "󱰿"
}

.mdi-receipt-outline:before {
    content: "󰓷"
}

.mdi-receipt-send:before {
    content: "󱱀"
}

.mdi-receipt-send-outline:before {
    content: "󱱁"
}

.mdi-receipt-text:before {
    content: "󰑉"
}

.mdi-receipt-text-arrow-left:before {
    content: "󱱂"
}

.mdi-receipt-text-arrow-left-outline:before {
    content: "󱱃"
}

.mdi-receipt-text-arrow-right:before {
    content: "󱱄"
}

.mdi-receipt-text-arrow-right-outline:before {
    content: "󱱅"
}

.mdi-receipt-text-check:before {
    content: "󱩣"
}

.mdi-receipt-text-check-outline:before {
    content: "󱩤"
}

.mdi-receipt-text-clock:before {
    content: "󱱆"
}

.mdi-receipt-text-clock-outline:before {
    content: "󱱇"
}

.mdi-receipt-text-edit:before {
    content: "󱱈"
}

.mdi-receipt-text-edit-outline:before {
    content: "󱱉"
}

.mdi-receipt-text-minus:before {
    content: "󱩥"
}

.mdi-receipt-text-minus-outline:before {
    content: "󱩦"
}

.mdi-receipt-text-outline:before {
    content: "󱧜"
}

.mdi-receipt-text-plus:before {
    content: "󱩧"
}

.mdi-receipt-text-plus-outline:before {
    content: "󱩨"
}

.mdi-receipt-text-remove:before {
    content: "󱩩"
}

.mdi-receipt-text-remove-outline:before {
    content: "󱩪"
}

.mdi-receipt-text-send:before {
    content: "󱱊"
}

.mdi-receipt-text-send-outline:before {
    content: "󱱋"
}

.mdi-record:before {
    content: "󰑊"
}

.mdi-record-circle:before {
    content: "󰻂"
}

.mdi-record-circle-outline:before {
    content: "󰻃"
}

.mdi-record-player:before {
    content: "󰦚"
}

.mdi-record-rec:before {
    content: "󰑋"
}

.mdi-rectangle:before {
    content: "󰹞"
}

.mdi-rectangle-outline:before {
    content: "󰹟"
}

.mdi-recycle:before {
    content: "󰑌"
}

.mdi-recycle-variant:before {
    content: "󱎝"
}

.mdi-reddit:before {
    content: "󰑍"
}

.mdi-redhat:before {
    content: "󱄛"
}

.mdi-redo:before {
    content: "󰑎"
}

.mdi-redo-variant:before {
    content: "󰑏"
}

.mdi-reflect-horizontal:before {
    content: "󰨎"
}

.mdi-reflect-vertical:before {
    content: "󰨏"
}

.mdi-refresh:before {
    content: "󰑐"
}

.mdi-refresh-auto:before {
    content: "󱣲"
}

.mdi-refresh-circle:before {
    content: "󱍷"
}

.mdi-regex:before {
    content: "󰑑"
}

.mdi-registered-trademark:before {
    content: "󰩧"
}

.mdi-reiterate:before {
    content: "󱖈"
}

.mdi-relation-many-to-many:before {
    content: "󱒖"
}

.mdi-relation-many-to-one:before {
    content: "󱒗"
}

.mdi-relation-many-to-one-or-many:before {
    content: "󱒘"
}

.mdi-relation-many-to-only-one:before {
    content: "󱒙"
}

.mdi-relation-many-to-zero-or-many:before {
    content: "󱒚"
}

.mdi-relation-many-to-zero-or-one:before {
    content: "󱒛"
}

.mdi-relation-one-or-many-to-many:before {
    content: "󱒜"
}

.mdi-relation-one-or-many-to-one:before {
    content: "󱒝"
}

.mdi-relation-one-or-many-to-one-or-many:before {
    content: "󱒞"
}

.mdi-relation-one-or-many-to-only-one:before {
    content: "󱒟"
}

.mdi-relation-one-or-many-to-zero-or-many:before {
    content: "󱒠"
}

.mdi-relation-one-or-many-to-zero-or-one:before {
    content: "󱒡"
}

.mdi-relation-one-to-many:before {
    content: "󱒢"
}

.mdi-relation-one-to-one:before {
    content: "󱒣"
}

.mdi-relation-one-to-one-or-many:before {
    content: "󱒤"
}

.mdi-relation-one-to-only-one:before {
    content: "󱒥"
}

.mdi-relation-one-to-zero-or-many:before {
    content: "󱒦"
}

.mdi-relation-one-to-zero-or-one:before {
    content: "󱒧"
}

.mdi-relation-only-one-to-many:before {
    content: "󱒨"
}

.mdi-relation-only-one-to-one:before {
    content: "󱒩"
}

.mdi-relation-only-one-to-one-or-many:before {
    content: "󱒪"
}

.mdi-relation-only-one-to-only-one:before {
    content: "󱒫"
}

.mdi-relation-only-one-to-zero-or-many:before {
    content: "󱒬"
}

.mdi-relation-only-one-to-zero-or-one:before {
    content: "󱒭"
}

.mdi-relation-zero-or-many-to-many:before {
    content: "󱒮"
}

.mdi-relation-zero-or-many-to-one:before {
    content: "󱒯"
}

.mdi-relation-zero-or-many-to-one-or-many:before {
    content: "󱒰"
}

.mdi-relation-zero-or-many-to-only-one:before {
    content: "󱒱"
}

.mdi-relation-zero-or-many-to-zero-or-many:before {
    content: "󱒲"
}

.mdi-relation-zero-or-many-to-zero-or-one:before {
    content: "󱒳"
}

.mdi-relation-zero-or-one-to-many:before {
    content: "󱒴"
}

.mdi-relation-zero-or-one-to-one:before {
    content: "󱒵"
}

.mdi-relation-zero-or-one-to-one-or-many:before {
    content: "󱒶"
}

.mdi-relation-zero-or-one-to-only-one:before {
    content: "󱒷"
}

.mdi-relation-zero-or-one-to-zero-or-many:before {
    content: "󱒸"
}

.mdi-relation-zero-or-one-to-zero-or-one:before {
    content: "󱒹"
}

.mdi-relative-scale:before {
    content: "󰑒"
}

.mdi-reload:before {
    content: "󰑓"
}

.mdi-reload-alert:before {
    content: "󱄋"
}

.mdi-reminder:before {
    content: "󰢌"
}

.mdi-remote:before {
    content: "󰑔"
}

.mdi-remote-desktop:before {
    content: "󰢹"
}

.mdi-remote-off:before {
    content: "󰻄"
}

.mdi-remote-tv:before {
    content: "󰻅"
}

.mdi-remote-tv-off:before {
    content: "󰻆"
}

.mdi-rename:before {
    content: "󱰘"
}

.mdi-rename-box:before {
    content: "󰑕"
}

.mdi-rename-box-outline:before {
    content: "󱰙"
}

.mdi-rename-outline:before {
    content: "󱰚"
}

.mdi-reorder-horizontal:before {
    content: "󰚈"
}

.mdi-reorder-vertical:before {
    content: "󰚉"
}

.mdi-repeat:before {
    content: "󰑖"
}

.mdi-repeat-off:before {
    content: "󰑗"
}

.mdi-repeat-once:before {
    content: "󰑘"
}

.mdi-repeat-variant:before {
    content: "󰕇"
}

.mdi-replay:before {
    content: "󰑙"
}

.mdi-reply:before {
    content: "󰑚"
}

.mdi-reply-all:before {
    content: "󰑛"
}

.mdi-reply-all-outline:before {
    content: "󰼟"
}

.mdi-reply-circle:before {
    content: "󱆮"
}

.mdi-reply-outline:before {
    content: "󰼠"
}

.mdi-reproduction:before {
    content: "󰑜"
}

.mdi-resistor:before {
    content: "󰭄"
}

.mdi-resistor-nodes:before {
    content: "󰭅"
}

.mdi-resize:before {
    content: "󰩨"
}

.mdi-resize-bottom-right:before {
    content: "󰑝"
}

.mdi-responsive:before {
    content: "󰑞"
}

.mdi-restart:before {
    content: "󰜉"
}

.mdi-restart-alert:before {
    content: "󱄌"
}

.mdi-restart-off:before {
    content: "󰶕"
}

.mdi-restore:before {
    content: "󰦛"
}

.mdi-restore-alert:before {
    content: "󱄍"
}

.mdi-rewind:before {
    content: "󰑟"
}

.mdi-rewind-10:before {
    content: "󰴪"
}

.mdi-rewind-15:before {
    content: "󱥆"
}

.mdi-rewind-30:before {
    content: "󰶖"
}

.mdi-rewind-45:before {
    content: "󱬓"
}

.mdi-rewind-5:before {
    content: "󱇹"
}

.mdi-rewind-60:before {
    content: "󱘌"
}

.mdi-rewind-outline:before {
    content: "󰜊"
}

.mdi-rhombus:before {
    content: "󰜋"
}

.mdi-rhombus-medium:before {
    content: "󰨐"
}

.mdi-rhombus-medium-outline:before {
    content: "󱓜"
}

.mdi-rhombus-outline:before {
    content: "󰜌"
}

.mdi-rhombus-split:before {
    content: "󰨑"
}

.mdi-rhombus-split-outline:before {
    content: "󱓝"
}

.mdi-ribbon:before {
    content: "󰑠"
}

.mdi-rice:before {
    content: "󰟪"
}

.mdi-rickshaw:before {
    content: "󱖻"
}

.mdi-rickshaw-electric:before {
    content: "󱖼"
}

.mdi-ring:before {
    content: "󰟫"
}

.mdi-rivet:before {
    content: "󰹠"
}

.mdi-road:before {
    content: "󰑡"
}

.mdi-road-variant:before {
    content: "󰑢"
}

.mdi-robber:before {
    content: "󱁘"
}

.mdi-robot:before {
    content: "󰚩"
}

.mdi-robot-angry:before {
    content: "󱚝"
}

.mdi-robot-angry-outline:before {
    content: "󱚞"
}

.mdi-robot-confused:before {
    content: "󱚟"
}

.mdi-robot-confused-outline:before {
    content: "󱚠"
}

.mdi-robot-dead:before {
    content: "󱚡"
}

.mdi-robot-dead-outline:before {
    content: "󱚢"
}

.mdi-robot-excited:before {
    content: "󱚣"
}

.mdi-robot-excited-outline:before {
    content: "󱚤"
}

.mdi-robot-happy:before {
    content: "󱜙"
}

.mdi-robot-happy-outline:before {
    content: "󱜚"
}

.mdi-robot-industrial:before {
    content: "󰭆"
}

.mdi-robot-industrial-outline:before {
    content: "󱨚"
}

.mdi-robot-love:before {
    content: "󱚥"
}

.mdi-robot-love-outline:before {
    content: "󱚦"
}

.mdi-robot-mower:before {
    content: "󱇷"
}

.mdi-robot-mower-outline:before {
    content: "󱇳"
}

.mdi-robot-off:before {
    content: "󱚧"
}

.mdi-robot-off-outline:before {
    content: "󱙻"
}

.mdi-robot-outline:before {
    content: "󱙺"
}

.mdi-robot-vacuum:before {
    content: "󰜍"
}

.mdi-robot-vacuum-alert:before {
    content: "󱭝"
}

.mdi-robot-vacuum-off:before {
    content: "󱰁"
}

.mdi-robot-vacuum-variant:before {
    content: "󰤈"
}

.mdi-robot-vacuum-variant-alert:before {
    content: "󱭞"
}

.mdi-robot-vacuum-variant-off:before {
    content: "󱰂"
}

.mdi-rocket:before {
    content: "󰑣"
}

.mdi-rocket-launch:before {
    content: "󱓞"
}

.mdi-rocket-launch-outline:before {
    content: "󱓟"
}

.mdi-rocket-outline:before {
    content: "󱎯"
}

.mdi-rodent:before {
    content: "󱌧"
}

.mdi-roller-shade:before {
    content: "󱩫"
}

.mdi-roller-shade-closed:before {
    content: "󱩬"
}

.mdi-roller-skate:before {
    content: "󰴫"
}

.mdi-roller-skate-off:before {
    content: "󰅅"
}

.mdi-rollerblade:before {
    content: "󰴬"
}

.mdi-rollerblade-off:before {
    content: "󰀮"
}

.mdi-rollupjs:before {
    content: "󰯀"
}

.mdi-rolodex:before {
    content: "󱪹"
}

.mdi-rolodex-outline:before {
    content: "󱪺"
}

.mdi-roman-numeral-1:before {
    content: "󱂈"
}

.mdi-roman-numeral-10:before {
    content: "󱂑"
}

.mdi-roman-numeral-2:before {
    content: "󱂉"
}

.mdi-roman-numeral-3:before {
    content: "󱂊"
}

.mdi-roman-numeral-4:before {
    content: "󱂋"
}

.mdi-roman-numeral-5:before {
    content: "󱂌"
}

.mdi-roman-numeral-6:before {
    content: "󱂍"
}

.mdi-roman-numeral-7:before {
    content: "󱂎"
}

.mdi-roman-numeral-8:before {
    content: "󱂏"
}

.mdi-roman-numeral-9:before {
    content: "󱂐"
}

.mdi-room-service:before {
    content: "󰢍"
}

.mdi-room-service-outline:before {
    content: "󰶗"
}

.mdi-rotate-360:before {
    content: "󱦙"
}

.mdi-rotate-3d:before {
    content: "󰻇"
}

.mdi-rotate-3d-variant:before {
    content: "󰑤"
}

.mdi-rotate-left:before {
    content: "󰑥"
}

.mdi-rotate-left-variant:before {
    content: "󰑦"
}

.mdi-rotate-orbit:before {
    content: "󰶘"
}

.mdi-rotate-right:before {
    content: "󰑧"
}

.mdi-rotate-right-variant:before {
    content: "󰑨"
}

.mdi-rounded-corner:before {
    content: "󰘇"
}

.mdi-router:before {
    content: "󱇢"
}

.mdi-router-network:before {
    content: "󱂇"
}

.mdi-router-wireless:before {
    content: "󰑩"
}

.mdi-router-wireless-off:before {
    content: "󱖣"
}

.mdi-router-wireless-settings:before {
    content: "󰩩"
}

.mdi-routes:before {
    content: "󰑪"
}

.mdi-routes-clock:before {
    content: "󱁙"
}

.mdi-rowing:before {
    content: "󰘈"
}

.mdi-rss:before {
    content: "󰑫"
}

.mdi-rss-box:before {
    content: "󰑬"
}

.mdi-rss-off:before {
    content: "󰼡"
}

.mdi-rug:before {
    content: "󱑵"
}

.mdi-rugby:before {
    content: "󰶙"
}

.mdi-ruler:before {
    content: "󰑭"
}

.mdi-ruler-square:before {
    content: "󰳂"
}

.mdi-ruler-square-compass:before {
    content: "󰺾"
}

.mdi-run:before {
    content: "󰜎"
}

.mdi-run-fast:before {
    content: "󰑮"
}

.mdi-rv-truck:before {
    content: "󱇔"
}

.mdi-sack:before {
    content: "󰴮"
}

.mdi-sack-outline:before {
    content: "󱱌"
}

.mdi-sack-percent:before {
    content: "󰴯"
}

.mdi-safe:before {
    content: "󰩪"
}

.mdi-safe-square:before {
    content: "󱉼"
}

.mdi-safe-square-outline:before {
    content: "󱉽"
}

.mdi-safety-goggles:before {
    content: "󰴰"
}

.mdi-sail-boat:before {
    content: "󰻈"
}

.mdi-sail-boat-sink:before {
    content: "󱫯"
}

.mdi-sale:before {
    content: "󰑯"
}

.mdi-sale-outline:before {
    content: "󱨆"
}

.mdi-salesforce:before {
    content: "󰢎"
}

.mdi-sass:before {
    content: "󰟬"
}

.mdi-satellite:before {
    content: "󰑰"
}

.mdi-satellite-uplink:before {
    content: "󰤉"
}

.mdi-satellite-variant:before {
    content: "󰑱"
}

.mdi-sausage:before {
    content: "󰢺"
}

.mdi-sausage-off:before {
    content: "󱞉"
}

.mdi-saw-blade:before {
    content: "󰹡"
}

.mdi-sawtooth-wave:before {
    content: "󱑺"
}

.mdi-saxophone:before {
    content: "󰘉"
}

.mdi-scale:before {
    content: "󰑲"
}

.mdi-scale-balance:before {
    content: "󰗑"
}

.mdi-scale-bathroom:before {
    content: "󰑳"
}

.mdi-scale-off:before {
    content: "󱁚"
}

.mdi-scale-unbalanced:before {
    content: "󱦸"
}

.mdi-scan-helper:before {
    content: "󱏘"
}

.mdi-scanner:before {
    content: "󰚫"
}

.mdi-scanner-off:before {
    content: "󰤊"
}

.mdi-scatter-plot:before {
    content: "󰻉"
}

.mdi-scatter-plot-outline:before {
    content: "󰻊"
}

.mdi-scent:before {
    content: "󱥘"
}

.mdi-scent-off:before {
    content: "󱥙"
}

.mdi-school:before {
    content: "󰑴"
}

.mdi-school-outline:before {
    content: "󱆀"
}

.mdi-scissors-cutting:before {
    content: "󰩫"
}

.mdi-scooter:before {
    content: "󱖽"
}

.mdi-scooter-electric:before {
    content: "󱖾"
}

.mdi-scoreboard:before {
    content: "󱉾"
}

.mdi-scoreboard-outline:before {
    content: "󱉿"
}

.mdi-screen-rotation:before {
    content: "󰑵"
}

.mdi-screen-rotation-lock:before {
    content: "󰑸"
}

.mdi-screw-flat-top:before {
    content: "󰷳"
}

.mdi-screw-lag:before {
    content: "󰷴"
}

.mdi-screw-machine-flat-top:before {
    content: "󰷵"
}

.mdi-screw-machine-round-top:before {
    content: "󰷶"
}

.mdi-screw-round-top:before {
    content: "󰷷"
}

.mdi-screwdriver:before {
    content: "󰑶"
}

.mdi-script:before {
    content: "󰯁"
}

.mdi-script-outline:before {
    content: "󰑷"
}

.mdi-script-text:before {
    content: "󰯂"
}

.mdi-script-text-key:before {
    content: "󱜥"
}

.mdi-script-text-key-outline:before {
    content: "󱜦"
}

.mdi-script-text-outline:before {
    content: "󰯃"
}

.mdi-script-text-play:before {
    content: "󱜧"
}

.mdi-script-text-play-outline:before {
    content: "󱜨"
}

.mdi-sd:before {
    content: "󰑹"
}

.mdi-seal:before {
    content: "󰑺"
}

.mdi-seal-variant:before {
    content: "󰿙"
}

.mdi-search-web:before {
    content: "󰜏"
}

.mdi-seat:before {
    content: "󰳃"
}

.mdi-seat-flat:before {
    content: "󰑻"
}

.mdi-seat-flat-angled:before {
    content: "󰑼"
}

.mdi-seat-individual-suite:before {
    content: "󰑽"
}

.mdi-seat-legroom-extra:before {
    content: "󰑾"
}

.mdi-seat-legroom-normal:before {
    content: "󰑿"
}

.mdi-seat-legroom-reduced:before {
    content: "󰒀"
}

.mdi-seat-outline:before {
    content: "󰳄"
}

.mdi-seat-passenger:before {
    content: "󱉉"
}

.mdi-seat-recline-extra:before {
    content: "󰒁"
}

.mdi-seat-recline-normal:before {
    content: "󰒂"
}

.mdi-seatbelt:before {
    content: "󰳅"
}

.mdi-security:before {
    content: "󰒃"
}

.mdi-security-network:before {
    content: "󰒄"
}

.mdi-seed:before {
    content: "󰹢"
}

.mdi-seed-off:before {
    content: "󱏽"
}

.mdi-seed-off-outline:before {
    content: "󱏾"
}

.mdi-seed-outline:before {
    content: "󰹣"
}

.mdi-seed-plus:before {
    content: "󱩭"
}

.mdi-seed-plus-outline:before {
    content: "󱩮"
}

.mdi-seesaw:before {
    content: "󱖤"
}

.mdi-segment:before {
    content: "󰻋"
}

.mdi-select:before {
    content: "󰒅"
}

.mdi-select-all:before {
    content: "󰒆"
}

.mdi-select-arrow-down:before {
    content: "󱭙"
}

.mdi-select-arrow-up:before {
    content: "󱭘"
}

.mdi-select-color:before {
    content: "󰴱"
}

.mdi-select-compare:before {
    content: "󰫙"
}

.mdi-select-drag:before {
    content: "󰩬"
}

.mdi-select-group:before {
    content: "󰾂"
}

.mdi-select-inverse:before {
    content: "󰒇"
}

.mdi-select-marker:before {
    content: "󱊀"
}

.mdi-select-multiple:before {
    content: "󱊁"
}

.mdi-select-multiple-marker:before {
    content: "󱊂"
}

.mdi-select-off:before {
    content: "󰒈"
}

.mdi-select-place:before {
    content: "󰿚"
}

.mdi-select-remove:before {
    content: "󱟁"
}

.mdi-select-search:before {
    content: "󱈄"
}

.mdi-selection:before {
    content: "󰒉"
}

.mdi-selection-drag:before {
    content: "󰩭"
}

.mdi-selection-ellipse:before {
    content: "󰴲"
}

.mdi-selection-ellipse-arrow-inside:before {
    content: "󰼢"
}

.mdi-selection-ellipse-remove:before {
    content: "󱟂"
}

.mdi-selection-marker:before {
    content: "󱊃"
}

.mdi-selection-multiple:before {
    content: "󱊅"
}

.mdi-selection-multiple-marker:before {
    content: "󱊄"
}

.mdi-selection-off:before {
    content: "󰝷"
}

.mdi-selection-remove:before {
    content: "󱟃"
}

.mdi-selection-search:before {
    content: "󱈅"
}

.mdi-semantic-web:before {
    content: "󱌖"
}

.mdi-send:before {
    content: "󰒊"
}

.mdi-send-check:before {
    content: "󱅡"
}

.mdi-send-check-outline:before {
    content: "󱅢"
}

.mdi-send-circle:before {
    content: "󰷸"
}

.mdi-send-circle-outline:before {
    content: "󰷹"
}

.mdi-send-clock:before {
    content: "󱅣"
}

.mdi-send-clock-outline:before {
    content: "󱅤"
}

.mdi-send-lock:before {
    content: "󰟭"
}

.mdi-send-lock-outline:before {
    content: "󱅦"
}

.mdi-send-outline:before {
    content: "󱅥"
}

.mdi-send-variant:before {
    content: "󱱍"
}

.mdi-send-variant-clock:before {
    content: "󱱾"
}

.mdi-send-variant-clock-outline:before {
    content: "󱱿"
}

.mdi-send-variant-outline:before {
    content: "󱱎"
}

.mdi-serial-port:before {
    content: "󰙜"
}

.mdi-server:before {
    content: "󰒋"
}

.mdi-server-minus:before {
    content: "󰒌"
}

.mdi-server-network:before {
    content: "󰒍"
}

.mdi-server-network-off:before {
    content: "󰒎"
}

.mdi-server-off:before {
    content: "󰒏"
}

.mdi-server-plus:before {
    content: "󰒐"
}

.mdi-server-remove:before {
    content: "󰒑"
}

.mdi-server-security:before {
    content: "󰒒"
}

.mdi-set-all:before {
    content: "󰝸"
}

.mdi-set-center:before {
    content: "󰝹"
}

.mdi-set-center-right:before {
    content: "󰝺"
}

.mdi-set-left:before {
    content: "󰝻"
}

.mdi-set-left-center:before {
    content: "󰝼"
}

.mdi-set-left-right:before {
    content: "󰝽"
}

.mdi-set-merge:before {
    content: "󱓠"
}

.mdi-set-none:before {
    content: "󰝾"
}

.mdi-set-right:before {
    content: "󰝿"
}

.mdi-set-split:before {
    content: "󱓡"
}

.mdi-set-square:before {
    content: "󱑝"
}

.mdi-set-top-box:before {
    content: "󰦟"
}

.mdi-settings-helper:before {
    content: "󰩮"
}

.mdi-shaker:before {
    content: "󱄎"
}

.mdi-shaker-outline:before {
    content: "󱄏"
}

.mdi-shape:before {
    content: "󰠱"
}

.mdi-shape-circle-plus:before {
    content: "󰙝"
}

.mdi-shape-outline:before {
    content: "󰠲"
}

.mdi-shape-oval-plus:before {
    content: "󱇺"
}

.mdi-shape-plus:before {
    content: "󰒕"
}

.mdi-shape-plus-outline:before {
    content: "󱱏"
}

.mdi-shape-polygon-plus:before {
    content: "󰙞"
}

.mdi-shape-rectangle-plus:before {
    content: "󰙟"
}

.mdi-shape-square-plus:before {
    content: "󰙠"
}

.mdi-shape-square-rounded-plus:before {
    content: "󱓺"
}

.mdi-share:before {
    content: "󰒖"
}

.mdi-share-all:before {
    content: "󱇴"
}

.mdi-share-all-outline:before {
    content: "󱇵"
}

.mdi-share-circle:before {
    content: "󱆭"
}

.mdi-share-off:before {
    content: "󰼣"
}

.mdi-share-off-outline:before {
    content: "󰼤"
}

.mdi-share-outline:before {
    content: "󰤲"
}

.mdi-share-variant:before {
    content: "󰒗"
}

.mdi-share-variant-outline:before {
    content: "󱔔"
}

.mdi-shark:before {
    content: "󱢺"
}

.mdi-shark-fin:before {
    content: "󱙳"
}

.mdi-shark-fin-outline:before {
    content: "󱙴"
}

.mdi-shark-off:before {
    content: "󱢻"
}

.mdi-sheep:before {
    content: "󰳆"
}

.mdi-shield:before {
    content: "󰒘"
}

.mdi-shield-account:before {
    content: "󰢏"
}

.mdi-shield-account-outline:before {
    content: "󰨒"
}

.mdi-shield-account-variant:before {
    content: "󱖧"
}

.mdi-shield-account-variant-outline:before {
    content: "󱖨"
}

.mdi-shield-airplane:before {
    content: "󰚻"
}

.mdi-shield-airplane-outline:before {
    content: "󰳇"
}

.mdi-shield-alert:before {
    content: "󰻌"
}

.mdi-shield-alert-outline:before {
    content: "󰻍"
}

.mdi-shield-bug:before {
    content: "󱏚"
}

.mdi-shield-bug-outline:before {
    content: "󱏛"
}

.mdi-shield-car:before {
    content: "󰾃"
}

.mdi-shield-check:before {
    content: "󰕥"
}

.mdi-shield-check-outline:before {
    content: "󰳈"
}

.mdi-shield-cross:before {
    content: "󰳉"
}

.mdi-shield-cross-outline:before {
    content: "󰳊"
}

.mdi-shield-crown:before {
    content: "󱢼"
}

.mdi-shield-crown-outline:before {
    content: "󱢽"
}

.mdi-shield-edit:before {
    content: "󱆠"
}

.mdi-shield-edit-outline:before {
    content: "󱆡"
}

.mdi-shield-half:before {
    content: "󱍠"
}

.mdi-shield-half-full:before {
    content: "󰞀"
}

.mdi-shield-home:before {
    content: "󰚊"
}

.mdi-shield-home-outline:before {
    content: "󰳋"
}

.mdi-shield-key:before {
    content: "󰯄"
}

.mdi-shield-key-outline:before {
    content: "󰯅"
}

.mdi-shield-link-variant:before {
    content: "󰴳"
}

.mdi-shield-link-variant-outline:before {
    content: "󰴴"
}

.mdi-shield-lock:before {
    content: "󰦝"
}

.mdi-shield-lock-open:before {
    content: "󱦚"
}

.mdi-shield-lock-open-outline:before {
    content: "󱦛"
}

.mdi-shield-lock-outline:before {
    content: "󰳌"
}

.mdi-shield-moon:before {
    content: "󱠨"
}

.mdi-shield-moon-outline:before {
    content: "󱠩"
}

.mdi-shield-off:before {
    content: "󰦞"
}

.mdi-shield-off-outline:before {
    content: "󰦜"
}

.mdi-shield-outline:before {
    content: "󰒙"
}

.mdi-shield-plus:before {
    content: "󰫚"
}

.mdi-shield-plus-outline:before {
    content: "󰫛"
}

.mdi-shield-refresh:before {
    content: "󰂪"
}

.mdi-shield-refresh-outline:before {
    content: "󰇠"
}

.mdi-shield-remove:before {
    content: "󰫜"
}

.mdi-shield-remove-outline:before {
    content: "󰫝"
}

.mdi-shield-search:before {
    content: "󰶚"
}

.mdi-shield-star:before {
    content: "󱄻"
}

.mdi-shield-star-outline:before {
    content: "󱄼"
}

.mdi-shield-sun:before {
    content: "󱁝"
}

.mdi-shield-sun-outline:before {
    content: "󱁞"
}

.mdi-shield-sword:before {
    content: "󱢾"
}

.mdi-shield-sword-outline:before {
    content: "󱢿"
}

.mdi-shield-sync:before {
    content: "󱆢"
}

.mdi-shield-sync-outline:before {
    content: "󱆣"
}

.mdi-shimmer:before {
    content: "󱕅"
}

.mdi-ship-wheel:before {
    content: "󰠳"
}

.mdi-shipping-pallet:before {
    content: "󱡎"
}

.mdi-shoe-ballet:before {
    content: "󱗊"
}

.mdi-shoe-cleat:before {
    content: "󱗇"
}

.mdi-shoe-formal:before {
    content: "󰭇"
}

.mdi-shoe-heel:before {
    content: "󰭈"
}

.mdi-shoe-print:before {
    content: "󰷺"
}

.mdi-shoe-sneaker:before {
    content: "󱗈"
}

.mdi-shopping:before {
    content: "󰒚"
}

.mdi-shopping-music:before {
    content: "󰒛"
}

.mdi-shopping-outline:before {
    content: "󱇕"
}

.mdi-shopping-search:before {
    content: "󰾄"
}

.mdi-shopping-search-outline:before {
    content: "󱩯"
}

.mdi-shore:before {
    content: "󱓹"
}

.mdi-shovel:before {
    content: "󰜐"
}

.mdi-shovel-off:before {
    content: "󰜑"
}

.mdi-shower:before {
    content: "󰦠"
}

.mdi-shower-head:before {
    content: "󰦡"
}

.mdi-shredder:before {
    content: "󰒜"
}

.mdi-shuffle:before {
    content: "󰒝"
}

.mdi-shuffle-disabled:before {
    content: "󰒞"
}

.mdi-shuffle-variant:before {
    content: "󰒟"
}

.mdi-shuriken:before {
    content: "󱍿"
}

.mdi-sickle:before {
    content: "󱣀"
}

.mdi-sigma:before {
    content: "󰒠"
}

.mdi-sigma-lower:before {
    content: "󰘫"
}

.mdi-sign-caution:before {
    content: "󰒡"
}

.mdi-sign-direction:before {
    content: "󰞁"
}

.mdi-sign-direction-minus:before {
    content: "󱀀"
}

.mdi-sign-direction-plus:before {
    content: "󰿜"
}

.mdi-sign-direction-remove:before {
    content: "󰿝"
}

.mdi-sign-language:before {
    content: "󱭍"
}

.mdi-sign-language-outline:before {
    content: "󱭎"
}

.mdi-sign-pole:before {
    content: "󱓸"
}

.mdi-sign-real-estate:before {
    content: "󱄘"
}

.mdi-sign-text:before {
    content: "󰞂"
}

.mdi-sign-yield:before {
    content: "󱮯"
}

.mdi-signal:before {
    content: "󰒢"
}

.mdi-signal-2g:before {
    content: "󰜒"
}

.mdi-signal-3g:before {
    content: "󰜓"
}

.mdi-signal-4g:before {
    content: "󰜔"
}

.mdi-signal-5g:before {
    content: "󰩯"
}

.mdi-signal-cellular-1:before {
    content: "󰢼"
}

.mdi-signal-cellular-2:before {
    content: "󰢽"
}

.mdi-signal-cellular-3:before {
    content: "󰢾"
}

.mdi-signal-cellular-outline:before {
    content: "󰢿"
}

.mdi-signal-distance-variant:before {
    content: "󰹤"
}

.mdi-signal-hspa:before {
    content: "󰜕"
}

.mdi-signal-hspa-plus:before {
    content: "󰜖"
}

.mdi-signal-off:before {
    content: "󰞃"
}

.mdi-signal-variant:before {
    content: "󰘊"
}

.mdi-signature:before {
    content: "󰷻"
}

.mdi-signature-freehand:before {
    content: "󰷼"
}

.mdi-signature-image:before {
    content: "󰷽"
}

.mdi-signature-text:before {
    content: "󰷾"
}

.mdi-silo:before {
    content: "󱮟"
}

.mdi-silo-outline:before {
    content: "󰭉"
}

.mdi-silverware:before {
    content: "󰒣"
}

.mdi-silverware-clean:before {
    content: "󰿞"
}

.mdi-silverware-fork:before {
    content: "󰒤"
}

.mdi-silverware-fork-knife:before {
    content: "󰩰"
}

.mdi-silverware-spoon:before {
    content: "󰒥"
}

.mdi-silverware-variant:before {
    content: "󰒦"
}

.mdi-sim:before {
    content: "󰒧"
}

.mdi-sim-alert:before {
    content: "󰒨"
}

.mdi-sim-alert-outline:before {
    content: "󱗓"
}

.mdi-sim-off:before {
    content: "󰒩"
}

.mdi-sim-off-outline:before {
    content: "󱗔"
}

.mdi-sim-outline:before {
    content: "󱗕"
}

.mdi-simple-icons:before {
    content: "󱌝"
}

.mdi-sina-weibo:before {
    content: "󰫟"
}

.mdi-sine-wave:before {
    content: "󰥛"
}

.mdi-sitemap:before {
    content: "󰒪"
}

.mdi-sitemap-outline:before {
    content: "󱦜"
}

.mdi-size-l:before {
    content: "󱎦"
}

.mdi-size-m:before {
    content: "󱎥"
}

.mdi-size-s:before {
    content: "󱎤"
}

.mdi-size-xl:before {
    content: "󱎧"
}

.mdi-size-xs:before {
    content: "󱎣"
}

.mdi-size-xxl:before {
    content: "󱎨"
}

.mdi-size-xxs:before {
    content: "󱎢"
}

.mdi-size-xxxl:before {
    content: "󱎩"
}

.mdi-skate:before {
    content: "󰴵"
}

.mdi-skate-off:before {
    content: "󰚙"
}

.mdi-skateboard:before {
    content: "󱓂"
}

.mdi-skateboarding:before {
    content: "󰔁"
}

.mdi-skew-less:before {
    content: "󰴶"
}

.mdi-skew-more:before {
    content: "󰴷"
}

.mdi-ski:before {
    content: "󱌄"
}

.mdi-ski-cross-country:before {
    content: "󱌅"
}

.mdi-ski-water:before {
    content: "󱌆"
}

.mdi-skip-backward:before {
    content: "󰒫"
}

.mdi-skip-backward-outline:before {
    content: "󰼥"
}

.mdi-skip-forward:before {
    content: "󰒬"
}

.mdi-skip-forward-outline:before {
    content: "󰼦"
}

.mdi-skip-next:before {
    content: "󰒭"
}

.mdi-skip-next-circle:before {
    content: "󰙡"
}

.mdi-skip-next-circle-outline:before {
    content: "󰙢"
}

.mdi-skip-next-outline:before {
    content: "󰼧"
}

.mdi-skip-previous:before {
    content: "󰒮"
}

.mdi-skip-previous-circle:before {
    content: "󰙣"
}

.mdi-skip-previous-circle-outline:before {
    content: "󰙤"
}

.mdi-skip-previous-outline:before {
    content: "󰼨"
}

.mdi-skull:before {
    content: "󰚌"
}

.mdi-skull-crossbones:before {
    content: "󰯆"
}

.mdi-skull-crossbones-outline:before {
    content: "󰯇"
}

.mdi-skull-outline:before {
    content: "󰯈"
}

.mdi-skull-scan:before {
    content: "󱓇"
}

.mdi-skull-scan-outline:before {
    content: "󱓈"
}

.mdi-skype:before {
    content: "󰒯"
}

.mdi-skype-business:before {
    content: "󰒰"
}

.mdi-slack:before {
    content: "󰒱"
}

.mdi-slash-forward:before {
    content: "󰿟"
}

.mdi-slash-forward-box:before {
    content: "󰿠"
}

.mdi-sledding:before {
    content: "󰐛"
}

.mdi-sleep:before {
    content: "󰒲"
}

.mdi-sleep-off:before {
    content: "󰒳"
}

.mdi-slide:before {
    content: "󱖥"
}

.mdi-slope-downhill:before {
    content: "󰷿"
}

.mdi-slope-uphill:before {
    content: "󰸀"
}

.mdi-slot-machine:before {
    content: "󱄔"
}

.mdi-slot-machine-outline:before {
    content: "󱄕"
}

.mdi-smart-card:before {
    content: "󱂽"
}

.mdi-smart-card-off:before {
    content: "󱣷"
}

.mdi-smart-card-off-outline:before {
    content: "󱣸"
}

.mdi-smart-card-outline:before {
    content: "󱂾"
}

.mdi-smart-card-reader:before {
    content: "󱂿"
}

.mdi-smart-card-reader-outline:before {
    content: "󱃀"
}

.mdi-smog:before {
    content: "󰩱"
}

.mdi-smoke:before {
    content: "󱞙"
}

.mdi-smoke-detector:before {
    content: "󰎒"
}

.mdi-smoke-detector-alert:before {
    content: "󱤮"
}

.mdi-smoke-detector-alert-outline:before {
    content: "󱤯"
}

.mdi-smoke-detector-off:before {
    content: "󱠉"
}

.mdi-smoke-detector-off-outline:before {
    content: "󱠊"
}

.mdi-smoke-detector-outline:before {
    content: "󱠈"
}

.mdi-smoke-detector-variant:before {
    content: "󱠋"
}

.mdi-smoke-detector-variant-alert:before {
    content: "󱤰"
}

.mdi-smoke-detector-variant-off:before {
    content: "󱠌"
}

.mdi-smoking:before {
    content: "󰒴"
}

.mdi-smoking-off:before {
    content: "󰒵"
}

.mdi-smoking-pipe:before {
    content: "󱐍"
}

.mdi-smoking-pipe-off:before {
    content: "󱐨"
}

.mdi-snail:before {
    content: "󱙷"
}

.mdi-snake:before {
    content: "󱔎"
}

.mdi-snapchat:before {
    content: "󰒶"
}

.mdi-snowboard:before {
    content: "󱌇"
}

.mdi-snowflake:before {
    content: "󰜗"
}

.mdi-snowflake-alert:before {
    content: "󰼩"
}

.mdi-snowflake-check:before {
    content: "󱩰"
}

.mdi-snowflake-melt:before {
    content: "󱋋"
}

.mdi-snowflake-off:before {
    content: "󱓣"
}

.mdi-snowflake-thermometer:before {
    content: "󱩱"
}

.mdi-snowflake-variant:before {
    content: "󰼪"
}

.mdi-snowman:before {
    content: "󰒷"
}

.mdi-snowmobile:before {
    content: "󰛝"
}

.mdi-snowshoeing:before {
    content: "󱩲"
}

.mdi-soccer:before {
    content: "󰒸"
}

.mdi-soccer-field:before {
    content: "󰠴"
}

.mdi-social-distance-2-meters:before {
    content: "󱕹"
}

.mdi-social-distance-6-feet:before {
    content: "󱕺"
}

.mdi-sofa:before {
    content: "󰒹"
}

.mdi-sofa-outline:before {
    content: "󱕭"
}

.mdi-sofa-single:before {
    content: "󱕮"
}

.mdi-sofa-single-outline:before {
    content: "󱕯"
}

.mdi-solar-panel:before {
    content: "󰶛"
}

.mdi-solar-panel-large:before {
    content: "󰶜"
}

.mdi-solar-power:before {
    content: "󰩲"
}

.mdi-solar-power-variant:before {
    content: "󱩳"
}

.mdi-solar-power-variant-outline:before {
    content: "󱩴"
}

.mdi-soldering-iron:before {
    content: "󱂒"
}

.mdi-solid:before {
    content: "󰚍"
}

.mdi-sony-playstation:before {
    content: "󰐔"
}

.mdi-sort:before {
    content: "󰒺"
}

.mdi-sort-alphabetical-ascending:before {
    content: "󰖽"
}

.mdi-sort-alphabetical-ascending-variant:before {
    content: "󱅈"
}

.mdi-sort-alphabetical-descending:before {
    content: "󰖿"
}

.mdi-sort-alphabetical-descending-variant:before {
    content: "󱅉"
}

.mdi-sort-alphabetical-variant:before {
    content: "󰒻"
}

.mdi-sort-ascending:before {
    content: "󰒼"
}

.mdi-sort-bool-ascending:before {
    content: "󱎅"
}

.mdi-sort-bool-ascending-variant:before {
    content: "󱎆"
}

.mdi-sort-bool-descending:before {
    content: "󱎇"
}

.mdi-sort-bool-descending-variant:before {
    content: "󱎈"
}

.mdi-sort-calendar-ascending:before {
    content: "󱕇"
}

.mdi-sort-calendar-descending:before {
    content: "󱕈"
}

.mdi-sort-clock-ascending:before {
    content: "󱕉"
}

.mdi-sort-clock-ascending-outline:before {
    content: "󱕊"
}

.mdi-sort-clock-descending:before {
    content: "󱕋"
}

.mdi-sort-clock-descending-outline:before {
    content: "󱕌"
}

.mdi-sort-descending:before {
    content: "󰒽"
}

.mdi-sort-numeric-ascending:before {
    content: "󱎉"
}

.mdi-sort-numeric-ascending-variant:before {
    content: "󰤍"
}

.mdi-sort-numeric-descending:before {
    content: "󱎊"
}

.mdi-sort-numeric-descending-variant:before {
    content: "󰫒"
}

.mdi-sort-numeric-variant:before {
    content: "󰒾"
}

.mdi-sort-reverse-variant:before {
    content: "󰌼"
}

.mdi-sort-variant:before {
    content: "󰒿"
}

.mdi-sort-variant-lock:before {
    content: "󰳍"
}

.mdi-sort-variant-lock-open:before {
    content: "󰳎"
}

.mdi-sort-variant-off:before {
    content: "󱪻"
}

.mdi-sort-variant-remove:before {
    content: "󱅇"
}

.mdi-soundbar:before {
    content: "󱟛"
}

.mdi-soundcloud:before {
    content: "󰓀"
}

.mdi-source-branch:before {
    content: "󰘬"
}

.mdi-source-branch-check:before {
    content: "󱓏"
}

.mdi-source-branch-minus:before {
    content: "󱓋"
}

.mdi-source-branch-plus:before {
    content: "󱓊"
}

.mdi-source-branch-refresh:before {
    content: "󱓍"
}

.mdi-source-branch-remove:before {
    content: "󱓌"
}

.mdi-source-branch-sync:before {
    content: "󱓎"
}

.mdi-source-commit:before {
    content: "󰜘"
}

.mdi-source-commit-end:before {
    content: "󰜙"
}

.mdi-source-commit-end-local:before {
    content: "󰜚"
}

.mdi-source-commit-local:before {
    content: "󰜛"
}

.mdi-source-commit-next-local:before {
    content: "󰜜"
}

.mdi-source-commit-start:before {
    content: "󰜝"
}

.mdi-source-commit-start-next-local:before {
    content: "󰜞"
}

.mdi-source-fork:before {
    content: "󰓁"
}

.mdi-source-merge:before {
    content: "󰘭"
}

.mdi-source-pull:before {
    content: "󰓂"
}

.mdi-source-repository:before {
    content: "󰳏"
}

.mdi-source-repository-multiple:before {
    content: "󰳐"
}

.mdi-soy-sauce:before {
    content: "󰟮"
}

.mdi-soy-sauce-off:before {
    content: "󱏼"
}

.mdi-spa:before {
    content: "󰳑"
}

.mdi-spa-outline:before {
    content: "󰳒"
}

.mdi-space-invaders:before {
    content: "󰯉"
}

.mdi-space-station:before {
    content: "󱎃"
}

.mdi-spade:before {
    content: "󰹥"
}

.mdi-speaker:before {
    content: "󰓃"
}

.mdi-speaker-bluetooth:before {
    content: "󰦢"
}

.mdi-speaker-message:before {
    content: "󱬑"
}

.mdi-speaker-multiple:before {
    content: "󰴸"
}

.mdi-speaker-off:before {
    content: "󰓄"
}

.mdi-speaker-pause:before {
    content: "󱭳"
}

.mdi-speaker-play:before {
    content: "󱭲"
}

.mdi-speaker-stop:before {
    content: "󱭴"
}

.mdi-speaker-wireless:before {
    content: "󰜟"
}

.mdi-spear:before {
    content: "󱡅"
}

.mdi-speedometer:before {
    content: "󰓅"
}

.mdi-speedometer-medium:before {
    content: "󰾅"
}

.mdi-speedometer-slow:before {
    content: "󰾆"
}

.mdi-spellcheck:before {
    content: "󰓆"
}

.mdi-sphere:before {
    content: "󱥔"
}

.mdi-sphere-off:before {
    content: "󱥕"
}

.mdi-spider:before {
    content: "󱇪"
}

.mdi-spider-outline:before {
    content: "󱱵"
}

.mdi-spider-thread:before {
    content: "󱇫"
}

.mdi-spider-web:before {
    content: "󰯊"
}

.mdi-spirit-level:before {
    content: "󱓱"
}

.mdi-spoon-sugar:before {
    content: "󱐩"
}

.mdi-spotify:before {
    content: "󰓇"
}

.mdi-spotlight:before {
    content: "󰓈"
}

.mdi-spotlight-beam:before {
    content: "󰓉"
}

.mdi-spray:before {
    content: "󰙥"
}

.mdi-spray-bottle:before {
    content: "󰫠"
}

.mdi-sprinkler:before {
    content: "󱁟"
}

.mdi-sprinkler-fire:before {
    content: "󱦝"
}

.mdi-sprinkler-variant:before {
    content: "󱁠"
}

.mdi-sprout:before {
    content: "󰹦"
}

.mdi-sprout-outline:before {
    content: "󰹧"
}

.mdi-square:before {
    content: "󰝤"
}

.mdi-square-circle:before {
    content: "󱔀"
}

.mdi-square-circle-outline:before {
    content: "󱱐"
}

.mdi-square-edit-outline:before {
    content: "󰤌"
}

.mdi-square-medium:before {
    content: "󰨓"
}

.mdi-square-medium-outline:before {
    content: "󰨔"
}

.mdi-square-off:before {
    content: "󱋮"
}

.mdi-square-off-outline:before {
    content: "󱋯"
}

.mdi-square-opacity:before {
    content: "󱡔"
}

.mdi-square-outline:before {
    content: "󰝣"
}

.mdi-square-root:before {
    content: "󰞄"
}

.mdi-square-root-box:before {
    content: "󰦣"
}

.mdi-square-rounded:before {
    content: "󱓻"
}

.mdi-square-rounded-badge:before {
    content: "󱨇"
}

.mdi-square-rounded-badge-outline:before {
    content: "󱨈"
}

.mdi-square-rounded-outline:before {
    content: "󱓼"
}

.mdi-square-small:before {
    content: "󰨕"
}

.mdi-square-wave:before {
    content: "󱑻"
}

.mdi-squeegee:before {
    content: "󰫡"
}

.mdi-ssh:before {
    content: "󰣀"
}

.mdi-stack-exchange:before {
    content: "󰘋"
}

.mdi-stack-overflow:before {
    content: "󰓌"
}

.mdi-stackpath:before {
    content: "󰍙"
}

.mdi-stadium:before {
    content: "󰿹"
}

.mdi-stadium-outline:before {
    content: "󱬃"
}

.mdi-stadium-variant:before {
    content: "󰜠"
}

.mdi-stairs:before {
    content: "󰓍"
}

.mdi-stairs-box:before {
    content: "󱎞"
}

.mdi-stairs-down:before {
    content: "󱊾"
}

.mdi-stairs-up:before {
    content: "󱊽"
}

.mdi-stamper:before {
    content: "󰴹"
}

.mdi-standard-definition:before {
    content: "󰟯"
}

.mdi-star:before {
    content: "󰓎"
}

.mdi-star-box:before {
    content: "󰩳"
}

.mdi-star-box-multiple:before {
    content: "󱊆"
}

.mdi-star-box-multiple-outline:before {
    content: "󱊇"
}

.mdi-star-box-outline:before {
    content: "󰩴"
}

.mdi-star-check:before {
    content: "󱕦"
}

.mdi-star-check-outline:before {
    content: "󱕪"
}

.mdi-star-circle:before {
    content: "󰓏"
}

.mdi-star-circle-outline:before {
    content: "󰦤"
}

.mdi-star-cog:before {
    content: "󱙨"
}

.mdi-star-cog-outline:before {
    content: "󱙩"
}

.mdi-star-crescent:before {
    content: "󰥹"
}

.mdi-star-david:before {
    content: "󰥺"
}

.mdi-star-face:before {
    content: "󰦥"
}

.mdi-star-four-points:before {
    content: "󰫢"
}

.mdi-star-four-points-box:before {
    content: "󱱑"
}

.mdi-star-four-points-box-outline:before {
    content: "󱱒"
}

.mdi-star-four-points-circle:before {
    content: "󱱓"
}

.mdi-star-four-points-circle-outline:before {
    content: "󱱔"
}

.mdi-star-four-points-outline:before {
    content: "󰫣"
}

.mdi-star-four-points-small:before {
    content: "󱱕"
}

.mdi-star-half:before {
    content: "󰉆"
}

.mdi-star-half-full:before {
    content: "󰓐"
}

.mdi-star-minus:before {
    content: "󱕤"
}

.mdi-star-minus-outline:before {
    content: "󱕨"
}

.mdi-star-off:before {
    content: "󰓑"
}

.mdi-star-off-outline:before {
    content: "󱕛"
}

.mdi-star-outline:before {
    content: "󰓒"
}

.mdi-star-plus:before {
    content: "󱕣"
}

.mdi-star-plus-outline:before {
    content: "󱕧"
}

.mdi-star-remove:before {
    content: "󱕥"
}

.mdi-star-remove-outline:before {
    content: "󱕩"
}

.mdi-star-settings:before {
    content: "󱙪"
}

.mdi-star-settings-outline:before {
    content: "󱙫"
}

.mdi-star-shooting:before {
    content: "󱝁"
}

.mdi-star-shooting-outline:before {
    content: "󱝂"
}

.mdi-star-three-points:before {
    content: "󰫤"
}

.mdi-star-three-points-outline:before {
    content: "󰫥"
}

.mdi-state-machine:before {
    content: "󱇯"
}

.mdi-steam:before {
    content: "󰓓"
}

.mdi-steering:before {
    content: "󰓔"
}

.mdi-steering-off:before {
    content: "󰤎"
}

.mdi-step-backward:before {
    content: "󰓕"
}

.mdi-step-backward-2:before {
    content: "󰓖"
}

.mdi-step-forward:before {
    content: "󰓗"
}

.mdi-step-forward-2:before {
    content: "󰓘"
}

.mdi-stethoscope:before {
    content: "󰓙"
}

.mdi-sticker:before {
    content: "󱍤"
}

.mdi-sticker-alert:before {
    content: "󱍥"
}

.mdi-sticker-alert-outline:before {
    content: "󱍦"
}

.mdi-sticker-check:before {
    content: "󱍧"
}

.mdi-sticker-check-outline:before {
    content: "󱍨"
}

.mdi-sticker-circle-outline:before {
    content: "󰗐"
}

.mdi-sticker-emoji:before {
    content: "󰞅"
}

.mdi-sticker-minus:before {
    content: "󱍩"
}

.mdi-sticker-minus-outline:before {
    content: "󱍪"
}

.mdi-sticker-outline:before {
    content: "󱍫"
}

.mdi-sticker-plus:before {
    content: "󱍬"
}

.mdi-sticker-plus-outline:before {
    content: "󱍭"
}

.mdi-sticker-remove:before {
    content: "󱍮"
}

.mdi-sticker-remove-outline:before {
    content: "󱍯"
}

.mdi-sticker-text:before {
    content: "󱞎"
}

.mdi-sticker-text-outline:before {
    content: "󱞏"
}

.mdi-stocking:before {
    content: "󰓚"
}

.mdi-stomach:before {
    content: "󱂓"
}

.mdi-stool:before {
    content: "󱥝"
}

.mdi-stool-outline:before {
    content: "󱥞"
}

.mdi-stop:before {
    content: "󰓛"
}

.mdi-stop-circle:before {
    content: "󰙦"
}

.mdi-stop-circle-outline:before {
    content: "󰙧"
}

.mdi-storage-tank:before {
    content: "󱩵"
}

.mdi-storage-tank-outline:before {
    content: "󱩶"
}

.mdi-store:before {
    content: "󰓜"
}

.mdi-store-24-hour:before {
    content: "󰓝"
}

.mdi-store-alert:before {
    content: "󱣁"
}

.mdi-store-alert-outline:before {
    content: "󱣂"
}

.mdi-store-check:before {
    content: "󱣃"
}

.mdi-store-check-outline:before {
    content: "󱣄"
}

.mdi-store-clock:before {
    content: "󱣅"
}

.mdi-store-clock-outline:before {
    content: "󱣆"
}

.mdi-store-cog:before {
    content: "󱣇"
}

.mdi-store-cog-outline:before {
    content: "󱣈"
}

.mdi-store-edit:before {
    content: "󱣉"
}

.mdi-store-edit-outline:before {
    content: "󱣊"
}

.mdi-store-marker:before {
    content: "󱣋"
}

.mdi-store-marker-outline:before {
    content: "󱣌"
}

.mdi-store-minus:before {
    content: "󱙞"
}

.mdi-store-minus-outline:before {
    content: "󱣍"
}

.mdi-store-off:before {
    content: "󱣎"
}

.mdi-store-off-outline:before {
    content: "󱣏"
}

.mdi-store-outline:before {
    content: "󱍡"
}

.mdi-store-plus:before {
    content: "󱙟"
}

.mdi-store-plus-outline:before {
    content: "󱣐"
}

.mdi-store-remove:before {
    content: "󱙠"
}

.mdi-store-remove-outline:before {
    content: "󱣑"
}

.mdi-store-search:before {
    content: "󱣒"
}

.mdi-store-search-outline:before {
    content: "󱣓"
}

.mdi-store-settings:before {
    content: "󱣔"
}

.mdi-store-settings-outline:before {
    content: "󱣕"
}

.mdi-storefront:before {
    content: "󰟇"
}

.mdi-storefront-check:before {
    content: "󱭽"
}

.mdi-storefront-check-outline:before {
    content: "󱭾"
}

.mdi-storefront-edit:before {
    content: "󱭿"
}

.mdi-storefront-edit-outline:before {
    content: "󱮀"
}

.mdi-storefront-minus:before {
    content: "󱮃"
}

.mdi-storefront-minus-outline:before {
    content: "󱮄"
}

.mdi-storefront-outline:before {
    content: "󱃁"
}

.mdi-storefront-plus:before {
    content: "󱮁"
}

.mdi-storefront-plus-outline:before {
    content: "󱮂"
}

.mdi-storefront-remove:before {
    content: "󱮅"
}

.mdi-storefront-remove-outline:before {
    content: "󱮆"
}

.mdi-stove:before {
    content: "󰓞"
}

.mdi-strategy:before {
    content: "󱇖"
}

.mdi-stretch-to-page:before {
    content: "󰼫"
}

.mdi-stretch-to-page-outline:before {
    content: "󰼬"
}

.mdi-string-lights:before {
    content: "󱊺"
}

.mdi-string-lights-off:before {
    content: "󱊻"
}

.mdi-subdirectory-arrow-left:before {
    content: "󰘌"
}

.mdi-subdirectory-arrow-right:before {
    content: "󰘍"
}

.mdi-submarine:before {
    content: "󱕬"
}

.mdi-subtitles:before {
    content: "󰨖"
}

.mdi-subtitles-outline:before {
    content: "󰨗"
}

.mdi-subway:before {
    content: "󰚬"
}

.mdi-subway-alert-variant:before {
    content: "󰶝"
}

.mdi-subway-variant:before {
    content: "󰓟"
}

.mdi-summit:before {
    content: "󰞆"
}

.mdi-sun-angle:before {
    content: "󱬧"
}

.mdi-sun-angle-outline:before {
    content: "󱬨"
}

.mdi-sun-clock:before {
    content: "󱩷"
}

.mdi-sun-clock-outline:before {
    content: "󱩸"
}

.mdi-sun-compass:before {
    content: "󱦥"
}

.mdi-sun-snowflake:before {
    content: "󱞖"
}

.mdi-sun-snowflake-variant:before {
    content: "󱩹"
}

.mdi-sun-thermometer:before {
    content: "󱣖"
}

.mdi-sun-thermometer-outline:before {
    content: "󱣗"
}

.mdi-sun-wireless:before {
    content: "󱟾"
}

.mdi-sun-wireless-outline:before {
    content: "󱟿"
}

.mdi-sunglasses:before {
    content: "󰓠"
}

.mdi-surfing:before {
    content: "󱝆"
}

.mdi-surround-sound:before {
    content: "󰗅"
}

.mdi-surround-sound-2-0:before {
    content: "󰟰"
}

.mdi-surround-sound-2-1:before {
    content: "󱜩"
}

.mdi-surround-sound-3-1:before {
    content: "󰟱"
}

.mdi-surround-sound-5-1:before {
    content: "󰟲"
}

.mdi-surround-sound-5-1-2:before {
    content: "󱜪"
}

.mdi-surround-sound-7-1:before {
    content: "󰟳"
}

.mdi-svg:before {
    content: "󰜡"
}

.mdi-swap-horizontal:before {
    content: "󰓡"
}

.mdi-swap-horizontal-bold:before {
    content: "󰯍"
}

.mdi-swap-horizontal-circle:before {
    content: "󰿡"
}

.mdi-swap-horizontal-circle-outline:before {
    content: "󰿢"
}

.mdi-swap-horizontal-variant:before {
    content: "󰣁"
}

.mdi-swap-vertical:before {
    content: "󰓢"
}

.mdi-swap-vertical-bold:before {
    content: "󰯎"
}

.mdi-swap-vertical-circle:before {
    content: "󰿣"
}

.mdi-swap-vertical-circle-outline:before {
    content: "󰿤"
}

.mdi-swap-vertical-variant:before {
    content: "󰣂"
}

.mdi-swim:before {
    content: "󰓣"
}

.mdi-switch:before {
    content: "󰓤"
}

.mdi-sword:before {
    content: "󰓥"
}

.mdi-sword-cross:before {
    content: "󰞇"
}

.mdi-syllabary-hangul:before {
    content: "󱌳"
}

.mdi-syllabary-hiragana:before {
    content: "󱌴"
}

.mdi-syllabary-katakana:before {
    content: "󱌵"
}

.mdi-syllabary-katakana-halfwidth:before {
    content: "󱌶"
}

.mdi-symbol:before {
    content: "󱔁"
}

.mdi-symfony:before {
    content: "󰫦"
}

.mdi-synagogue:before {
    content: "󱬄"
}

.mdi-synagogue-outline:before {
    content: "󱬅"
}

.mdi-sync:before {
    content: "󰓦"
}

.mdi-sync-alert:before {
    content: "󰓧"
}

.mdi-sync-circle:before {
    content: "󱍸"
}

.mdi-sync-off:before {
    content: "󰓨"
}

.mdi-tab:before {
    content: "󰓩"
}

.mdi-tab-minus:before {
    content: "󰭋"
}

.mdi-tab-plus:before {
    content: "󰝜"
}

.mdi-tab-remove:before {
    content: "󰭌"
}

.mdi-tab-search:before {
    content: "󱦞"
}

.mdi-tab-unselected:before {
    content: "󰓪"
}

.mdi-table:before {
    content: "󰓫"
}

.mdi-table-account:before {
    content: "󱎹"
}

.mdi-table-alert:before {
    content: "󱎺"
}

.mdi-table-arrow-down:before {
    content: "󱎻"
}

.mdi-table-arrow-left:before {
    content: "󱎼"
}

.mdi-table-arrow-right:before {
    content: "󱎽"
}

.mdi-table-arrow-up:before {
    content: "󱎾"
}

.mdi-table-border:before {
    content: "󰨘"
}

.mdi-table-cancel:before {
    content: "󱎿"
}

.mdi-table-chair:before {
    content: "󱁡"
}

.mdi-table-check:before {
    content: "󱏀"
}

.mdi-table-clock:before {
    content: "󱏁"
}

.mdi-table-cog:before {
    content: "󱏂"
}

.mdi-table-column:before {
    content: "󰠵"
}

.mdi-table-column-plus-after:before {
    content: "󰓬"
}

.mdi-table-column-plus-before:before {
    content: "󰓭"
}

.mdi-table-column-remove:before {
    content: "󰓮"
}

.mdi-table-column-width:before {
    content: "󰓯"
}

.mdi-table-edit:before {
    content: "󰓰"
}

.mdi-table-eye:before {
    content: "󱂔"
}

.mdi-table-eye-off:before {
    content: "󱏃"
}

.mdi-table-filter:before {
    content: "󱮌"
}

.mdi-table-furniture:before {
    content: "󰖼"
}

.mdi-table-headers-eye:before {
    content: "󱈝"
}

.mdi-table-headers-eye-off:before {
    content: "󱈞"
}

.mdi-table-heart:before {
    content: "󱏄"
}

.mdi-table-key:before {
    content: "󱏅"
}

.mdi-table-large:before {
    content: "󰓱"
}

.mdi-table-large-plus:before {
    content: "󰾇"
}

.mdi-table-large-remove:before {
    content: "󰾈"
}

.mdi-table-lock:before {
    content: "󱏆"
}

.mdi-table-merge-cells:before {
    content: "󰦦"
}

.mdi-table-minus:before {
    content: "󱏇"
}

.mdi-table-multiple:before {
    content: "󱏈"
}

.mdi-table-network:before {
    content: "󱏉"
}

.mdi-table-of-contents:before {
    content: "󰠶"
}

.mdi-table-off:before {
    content: "󱏊"
}

.mdi-table-picnic:before {
    content: "󱝃"
}

.mdi-table-pivot:before {
    content: "󱠼"
}

.mdi-table-plus:before {
    content: "󰩵"
}

.mdi-table-question:before {
    content: "󱬡"
}

.mdi-table-refresh:before {
    content: "󱎠"
}

.mdi-table-remove:before {
    content: "󰩶"
}

.mdi-table-row:before {
    content: "󰠷"
}

.mdi-table-row-height:before {
    content: "󰓲"
}

.mdi-table-row-plus-after:before {
    content: "󰓳"
}

.mdi-table-row-plus-before:before {
    content: "󰓴"
}

.mdi-table-row-remove:before {
    content: "󰓵"
}

.mdi-table-search:before {
    content: "󰤏"
}

.mdi-table-settings:before {
    content: "󰠸"
}

.mdi-table-split-cell:before {
    content: "󱐪"
}

.mdi-table-star:before {
    content: "󱏋"
}

.mdi-table-sync:before {
    content: "󱎡"
}

.mdi-table-tennis:before {
    content: "󰹨"
}

.mdi-tablet:before {
    content: "󰓶"
}

.mdi-tablet-cellphone:before {
    content: "󰦧"
}

.mdi-tablet-dashboard:before {
    content: "󰻎"
}

.mdi-taco:before {
    content: "󰝢"
}

.mdi-tag:before {
    content: "󰓹"
}

.mdi-tag-arrow-down:before {
    content: "󱜫"
}

.mdi-tag-arrow-down-outline:before {
    content: "󱜬"
}

.mdi-tag-arrow-left:before {
    content: "󱜭"
}

.mdi-tag-arrow-left-outline:before {
    content: "󱜮"
}

.mdi-tag-arrow-right:before {
    content: "󱜯"
}

.mdi-tag-arrow-right-outline:before {
    content: "󱜰"
}

.mdi-tag-arrow-up:before {
    content: "󱜱"
}

.mdi-tag-arrow-up-outline:before {
    content: "󱜲"
}

.mdi-tag-check:before {
    content: "󱩺"
}

.mdi-tag-check-outline:before {
    content: "󱩻"
}

.mdi-tag-faces:before {
    content: "󰓺"
}

.mdi-tag-heart:before {
    content: "󰚋"
}

.mdi-tag-heart-outline:before {
    content: "󰯏"
}

.mdi-tag-hidden:before {
    content: "󱱶"
}

.mdi-tag-minus:before {
    content: "󰤐"
}

.mdi-tag-minus-outline:before {
    content: "󱈟"
}

.mdi-tag-multiple:before {
    content: "󰓻"
}

.mdi-tag-multiple-outline:before {
    content: "󱋷"
}

.mdi-tag-off:before {
    content: "󱈠"
}

.mdi-tag-off-outline:before {
    content: "󱈡"
}

.mdi-tag-outline:before {
    content: "󰓼"
}

.mdi-tag-plus:before {
    content: "󰜢"
}

.mdi-tag-plus-outline:before {
    content: "󱈢"
}

.mdi-tag-remove:before {
    content: "󰜣"
}

.mdi-tag-remove-outline:before {
    content: "󱈣"
}

.mdi-tag-search:before {
    content: "󱤇"
}

.mdi-tag-search-outline:before {
    content: "󱤈"
}

.mdi-tag-text:before {
    content: "󱈤"
}

.mdi-tag-text-outline:before {
    content: "󰓽"
}

.mdi-tailwind:before {
    content: "󱏿"
}

.mdi-tally-mark-1:before {
    content: "󱪼"
}

.mdi-tally-mark-2:before {
    content: "󱪽"
}

.mdi-tally-mark-3:before {
    content: "󱪾"
}

.mdi-tally-mark-4:before {
    content: "󱪿"
}

.mdi-tally-mark-5:before {
    content: "󱫀"
}

.mdi-tangram:before {
    content: "󰓸"
}

.mdi-tank:before {
    content: "󰴺"
}

.mdi-tanker-truck:before {
    content: "󰿥"
}

.mdi-tape-drive:before {
    content: "󱛟"
}

.mdi-tape-measure:before {
    content: "󰭍"
}

.mdi-target:before {
    content: "󰓾"
}

.mdi-target-account:before {
    content: "󰯐"
}

.mdi-target-variant:before {
    content: "󰩷"
}

.mdi-taxi:before {
    content: "󰓿"
}

.mdi-tea:before {
    content: "󰶞"
}

.mdi-tea-outline:before {
    content: "󰶟"
}

.mdi-teamviewer:before {
    content: "󰔀"
}

.mdi-teddy-bear:before {
    content: "󱣻"
}

.mdi-telescope:before {
    content: "󰭎"
}

.mdi-television:before {
    content: "󰔂"
}

.mdi-television-ambient-light:before {
    content: "󱍖"
}

.mdi-television-box:before {
    content: "󰠹"
}

.mdi-television-classic:before {
    content: "󰟴"
}

.mdi-television-classic-off:before {
    content: "󰠺"
}

.mdi-television-guide:before {
    content: "󰔃"
}

.mdi-television-off:before {
    content: "󰠻"
}

.mdi-television-pause:before {
    content: "󰾉"
}

.mdi-television-play:before {
    content: "󰻏"
}

.mdi-television-shimmer:before {
    content: "󱄐"
}

.mdi-television-speaker:before {
    content: "󱬛"
}

.mdi-television-speaker-off:before {
    content: "󱬜"
}

.mdi-television-stop:before {
    content: "󰾊"
}

.mdi-temperature-celsius:before {
    content: "󰔄"
}

.mdi-temperature-fahrenheit:before {
    content: "󰔅"
}

.mdi-temperature-kelvin:before {
    content: "󰔆"
}

.mdi-temple-buddhist:before {
    content: "󱬆"
}

.mdi-temple-buddhist-outline:before {
    content: "󱬇"
}

.mdi-temple-hindu:before {
    content: "󱬈"
}

.mdi-temple-hindu-outline:before {
    content: "󱬉"
}

.mdi-tennis:before {
    content: "󰶠"
}

.mdi-tennis-ball:before {
    content: "󰔇"
}

.mdi-tennis-ball-outline:before {
    content: "󱱟"
}

.mdi-tent:before {
    content: "󰔈"
}

.mdi-terraform:before {
    content: "󱁢"
}

.mdi-terrain:before {
    content: "󰔉"
}

.mdi-test-tube:before {
    content: "󰙨"
}

.mdi-test-tube-empty:before {
    content: "󰤑"
}

.mdi-test-tube-off:before {
    content: "󰤒"
}

.mdi-text:before {
    content: "󰦨"
}

.mdi-text-account:before {
    content: "󱕰"
}

.mdi-text-box:before {
    content: "󰈚"
}

.mdi-text-box-check:before {
    content: "󰺦"
}

.mdi-text-box-check-outline:before {
    content: "󰺧"
}

.mdi-text-box-edit:before {
    content: "󱩼"
}

.mdi-text-box-edit-outline:before {
    content: "󱩽"
}

.mdi-text-box-minus:before {
    content: "󰺨"
}

.mdi-text-box-minus-outline:before {
    content: "󰺩"
}

.mdi-text-box-multiple:before {
    content: "󰪷"
}

.mdi-text-box-multiple-outline:before {
    content: "󰪸"
}

.mdi-text-box-outline:before {
    content: "󰧭"
}

.mdi-text-box-plus:before {
    content: "󰺪"
}

.mdi-text-box-plus-outline:before {
    content: "󰺫"
}

.mdi-text-box-remove:before {
    content: "󰺬"
}

.mdi-text-box-remove-outline:before {
    content: "󰺭"
}

.mdi-text-box-search:before {
    content: "󰺮"
}

.mdi-text-box-search-outline:before {
    content: "󰺯"
}

.mdi-text-long:before {
    content: "󰦪"
}

.mdi-text-recognition:before {
    content: "󱄽"
}

.mdi-text-search:before {
    content: "󱎸"
}

.mdi-text-search-variant:before {
    content: "󱩾"
}

.mdi-text-shadow:before {
    content: "󰙩"
}

.mdi-text-short:before {
    content: "󰦩"
}

.mdi-texture:before {
    content: "󰔌"
}

.mdi-texture-box:before {
    content: "󰿦"
}

.mdi-theater:before {
    content: "󰔍"
}

.mdi-theme-light-dark:before {
    content: "󰔎"
}

.mdi-thermometer:before {
    content: "󰔏"
}

.mdi-thermometer-alert:before {
    content: "󰸁"
}

.mdi-thermometer-auto:before {
    content: "󱬏"
}

.mdi-thermometer-bluetooth:before {
    content: "󱢕"
}

.mdi-thermometer-check:before {
    content: "󱩿"
}

.mdi-thermometer-chevron-down:before {
    content: "󰸂"
}

.mdi-thermometer-chevron-up:before {
    content: "󰸃"
}

.mdi-thermometer-high:before {
    content: "󱃂"
}

.mdi-thermometer-lines:before {
    content: "󰔐"
}

.mdi-thermometer-low:before {
    content: "󱃃"
}

.mdi-thermometer-minus:before {
    content: "󰸄"
}

.mdi-thermometer-off:before {
    content: "󱔱"
}

.mdi-thermometer-plus:before {
    content: "󰸅"
}

.mdi-thermometer-probe:before {
    content: "󱬫"
}

.mdi-thermometer-probe-off:before {
    content: "󱬬"
}

.mdi-thermometer-water:before {
    content: "󱪀"
}

.mdi-thermostat:before {
    content: "󰎓"
}

.mdi-thermostat-auto:before {
    content: "󱬗"
}

.mdi-thermostat-box:before {
    content: "󰢑"
}

.mdi-thermostat-box-auto:before {
    content: "󱬘"
}

.mdi-thermostat-cog:before {
    content: "󱲀"
}

.mdi-thought-bubble:before {
    content: "󰟶"
}

.mdi-thought-bubble-outline:before {
    content: "󰟷"
}

.mdi-thumb-down:before {
    content: "󰔑"
}

.mdi-thumb-down-outline:before {
    content: "󰔒"
}

.mdi-thumb-up:before {
    content: "󰔓"
}

.mdi-thumb-up-outline:before {
    content: "󰔔"
}

.mdi-thumbs-up-down:before {
    content: "󰔕"
}

.mdi-thumbs-up-down-outline:before {
    content: "󱤔"
}

.mdi-ticket:before {
    content: "󰔖"
}

.mdi-ticket-account:before {
    content: "󰔗"
}

.mdi-ticket-confirmation:before {
    content: "󰔘"
}

.mdi-ticket-confirmation-outline:before {
    content: "󱎪"
}

.mdi-ticket-outline:before {
    content: "󰤓"
}

.mdi-ticket-percent:before {
    content: "󰜤"
}

.mdi-ticket-percent-outline:before {
    content: "󱐫"
}

.mdi-tie:before {
    content: "󰔙"
}

.mdi-tilde:before {
    content: "󰜥"
}

.mdi-tilde-off:before {
    content: "󱣳"
}

.mdi-timelapse:before {
    content: "󰔚"
}

.mdi-timeline:before {
    content: "󰯑"
}

.mdi-timeline-alert:before {
    content: "󰾕"
}

.mdi-timeline-alert-outline:before {
    content: "󰾘"
}

.mdi-timeline-check:before {
    content: "󱔲"
}

.mdi-timeline-check-outline:before {
    content: "󱔳"
}

.mdi-timeline-clock:before {
    content: "󱇻"
}

.mdi-timeline-clock-outline:before {
    content: "󱇼"
}

.mdi-timeline-minus:before {
    content: "󱔴"
}

.mdi-timeline-minus-outline:before {
    content: "󱔵"
}

.mdi-timeline-outline:before {
    content: "󰯒"
}

.mdi-timeline-plus:before {
    content: "󰾖"
}

.mdi-timeline-plus-outline:before {
    content: "󰾗"
}

.mdi-timeline-question:before {
    content: "󰾙"
}

.mdi-timeline-question-outline:before {
    content: "󰾚"
}

.mdi-timeline-remove:before {
    content: "󱔶"
}

.mdi-timeline-remove-outline:before {
    content: "󱔷"
}

.mdi-timeline-text:before {
    content: "󰯓"
}

.mdi-timeline-text-outline:before {
    content: "󰯔"
}

.mdi-timer:before {
    content: "󱎫"
}

.mdi-timer-10:before {
    content: "󰔜"
}

.mdi-timer-3:before {
    content: "󰔝"
}

.mdi-timer-alert:before {
    content: "󱫌"
}

.mdi-timer-alert-outline:before {
    content: "󱫍"
}

.mdi-timer-cancel:before {
    content: "󱫎"
}

.mdi-timer-cancel-outline:before {
    content: "󱫏"
}

.mdi-timer-check:before {
    content: "󱫐"
}

.mdi-timer-check-outline:before {
    content: "󱫑"
}

.mdi-timer-cog:before {
    content: "󱤥"
}

.mdi-timer-cog-outline:before {
    content: "󱤦"
}

.mdi-timer-edit:before {
    content: "󱫒"
}

.mdi-timer-edit-outline:before {
    content: "󱫓"
}

.mdi-timer-lock:before {
    content: "󱫔"
}

.mdi-timer-lock-open:before {
    content: "󱫕"
}

.mdi-timer-lock-open-outline:before {
    content: "󱫖"
}

.mdi-timer-lock-outline:before {
    content: "󱫗"
}

.mdi-timer-marker:before {
    content: "󱫘"
}

.mdi-timer-marker-outline:before {
    content: "󱫙"
}

.mdi-timer-minus:before {
    content: "󱫚"
}

.mdi-timer-minus-outline:before {
    content: "󱫛"
}

.mdi-timer-music:before {
    content: "󱫜"
}

.mdi-timer-music-outline:before {
    content: "󱫝"
}

.mdi-timer-off:before {
    content: "󱎬"
}

.mdi-timer-off-outline:before {
    content: "󰔞"
}

.mdi-timer-outline:before {
    content: "󰔛"
}

.mdi-timer-pause:before {
    content: "󱫞"
}

.mdi-timer-pause-outline:before {
    content: "󱫟"
}

.mdi-timer-play:before {
    content: "󱫠"
}

.mdi-timer-play-outline:before {
    content: "󱫡"
}

.mdi-timer-plus:before {
    content: "󱫢"
}

.mdi-timer-plus-outline:before {
    content: "󱫣"
}

.mdi-timer-refresh:before {
    content: "󱫤"
}

.mdi-timer-refresh-outline:before {
    content: "󱫥"
}

.mdi-timer-remove:before {
    content: "󱫦"
}

.mdi-timer-remove-outline:before {
    content: "󱫧"
}

.mdi-timer-sand:before {
    content: "󰔟"
}

.mdi-timer-sand-complete:before {
    content: "󱦟"
}

.mdi-timer-sand-empty:before {
    content: "󰚭"
}

.mdi-timer-sand-full:before {
    content: "󰞌"
}

.mdi-timer-sand-paused:before {
    content: "󱦠"
}

.mdi-timer-settings:before {
    content: "󱤣"
}

.mdi-timer-settings-outline:before {
    content: "󱤤"
}

.mdi-timer-star:before {
    content: "󱫨"
}

.mdi-timer-star-outline:before {
    content: "󱫩"
}

.mdi-timer-stop:before {
    content: "󱫪"
}

.mdi-timer-stop-outline:before {
    content: "󱫫"
}

.mdi-timer-sync:before {
    content: "󱫬"
}

.mdi-timer-sync-outline:before {
    content: "󱫭"
}

.mdi-timetable:before {
    content: "󰔠"
}

.mdi-tire:before {
    content: "󱢖"
}

.mdi-toaster:before {
    content: "󱁣"
}

.mdi-toaster-off:before {
    content: "󱆷"
}

.mdi-toaster-oven:before {
    content: "󰳓"
}

.mdi-toggle-switch:before {
    content: "󰔡"
}

.mdi-toggle-switch-off:before {
    content: "󰔢"
}

.mdi-toggle-switch-off-outline:before {
    content: "󰨙"
}

.mdi-toggle-switch-outline:before {
    content: "󰨚"
}

.mdi-toggle-switch-variant:before {
    content: "󱨥"
}

.mdi-toggle-switch-variant-off:before {
    content: "󱨦"
}

.mdi-toilet:before {
    content: "󰦫"
}

.mdi-toolbox:before {
    content: "󰦬"
}

.mdi-toolbox-outline:before {
    content: "󰦭"
}

.mdi-tools:before {
    content: "󱁤"
}

.mdi-tooltip:before {
    content: "󰔣"
}

.mdi-tooltip-account:before {
    content: "󰀌"
}

.mdi-tooltip-cellphone:before {
    content: "󱠻"
}

.mdi-tooltip-check:before {
    content: "󱕜"
}

.mdi-tooltip-check-outline:before {
    content: "󱕝"
}

.mdi-tooltip-edit:before {
    content: "󰔤"
}

.mdi-tooltip-edit-outline:before {
    content: "󱋅"
}

.mdi-tooltip-image:before {
    content: "󰔥"
}

.mdi-tooltip-image-outline:before {
    content: "󰯕"
}

.mdi-tooltip-minus:before {
    content: "󱕞"
}

.mdi-tooltip-minus-outline:before {
    content: "󱕟"
}

.mdi-tooltip-outline:before {
    content: "󰔦"
}

.mdi-tooltip-plus:before {
    content: "󰯖"
}

.mdi-tooltip-plus-outline:before {
    content: "󰔧"
}

.mdi-tooltip-question:before {
    content: "󱮺"
}

.mdi-tooltip-question-outline:before {
    content: "󱮻"
}

.mdi-tooltip-remove:before {
    content: "󱕠"
}

.mdi-tooltip-remove-outline:before {
    content: "󱕡"
}

.mdi-tooltip-text:before {
    content: "󰔨"
}

.mdi-tooltip-text-outline:before {
    content: "󰯗"
}

.mdi-tooth:before {
    content: "󰣃"
}

.mdi-tooth-outline:before {
    content: "󰔩"
}

.mdi-toothbrush:before {
    content: "󱄩"
}

.mdi-toothbrush-electric:before {
    content: "󱄬"
}

.mdi-toothbrush-paste:before {
    content: "󱄪"
}

.mdi-torch:before {
    content: "󱘆"
}

.mdi-tortoise:before {
    content: "󰴻"
}

.mdi-toslink:before {
    content: "󱊸"
}

.mdi-touch-text-outline:before {
    content: "󱱠"
}

.mdi-tournament:before {
    content: "󰦮"
}

.mdi-tow-truck:before {
    content: "󰠼"
}

.mdi-tower-beach:before {
    content: "󰚁"
}

.mdi-tower-fire:before {
    content: "󰚂"
}

.mdi-town-hall:before {
    content: "󱡵"
}

.mdi-toy-brick:before {
    content: "󱊈"
}

.mdi-toy-brick-marker:before {
    content: "󱊉"
}

.mdi-toy-brick-marker-outline:before {
    content: "󱊊"
}

.mdi-toy-brick-minus:before {
    content: "󱊋"
}

.mdi-toy-brick-minus-outline:before {
    content: "󱊌"
}

.mdi-toy-brick-outline:before {
    content: "󱊍"
}

.mdi-toy-brick-plus:before {
    content: "󱊎"
}

.mdi-toy-brick-plus-outline:before {
    content: "󱊏"
}

.mdi-toy-brick-remove:before {
    content: "󱊐"
}

.mdi-toy-brick-remove-outline:before {
    content: "󱊑"
}

.mdi-toy-brick-search:before {
    content: "󱊒"
}

.mdi-toy-brick-search-outline:before {
    content: "󱊓"
}

.mdi-track-light:before {
    content: "󰤔"
}

.mdi-track-light-off:before {
    content: "󱬁"
}

.mdi-trackpad:before {
    content: "󰟸"
}

.mdi-trackpad-lock:before {
    content: "󰤳"
}

.mdi-tractor:before {
    content: "󰢒"
}

.mdi-tractor-variant:before {
    content: "󱓄"
}

.mdi-trademark:before {
    content: "󰩸"
}

.mdi-traffic-cone:before {
    content: "󱍼"
}

.mdi-traffic-light:before {
    content: "󰔫"
}

.mdi-traffic-light-outline:before {
    content: "󱠪"
}

.mdi-train:before {
    content: "󰔬"
}

.mdi-train-car:before {
    content: "󰯘"
}

.mdi-train-car-autorack:before {
    content: "󱬭"
}

.mdi-train-car-box:before {
    content: "󱬮"
}

.mdi-train-car-box-full:before {
    content: "󱬯"
}

.mdi-train-car-box-open:before {
    content: "󱬰"
}

.mdi-train-car-caboose:before {
    content: "󱬱"
}

.mdi-train-car-centerbeam:before {
    content: "󱬲"
}

.mdi-train-car-centerbeam-full:before {
    content: "󱬳"
}

.mdi-train-car-container:before {
    content: "󱬴"
}

.mdi-train-car-flatbed:before {
    content: "󱬵"
}

.mdi-train-car-flatbed-car:before {
    content: "󱬶"
}

.mdi-train-car-flatbed-tank:before {
    content: "󱬷"
}

.mdi-train-car-gondola:before {
    content: "󱬸"
}

.mdi-train-car-gondola-full:before {
    content: "󱬹"
}

.mdi-train-car-hopper:before {
    content: "󱬺"
}

.mdi-train-car-hopper-covered:before {
    content: "󱬻"
}

.mdi-train-car-hopper-full:before {
    content: "󱬼"
}

.mdi-train-car-intermodal:before {
    content: "󱬽"
}

.mdi-train-car-passenger:before {
    content: "󱜳"
}

.mdi-train-car-passenger-door:before {
    content: "󱜴"
}

.mdi-train-car-passenger-door-open:before {
    content: "󱜵"
}

.mdi-train-car-passenger-variant:before {
    content: "󱜶"
}

.mdi-train-car-tank:before {
    content: "󱬾"
}

.mdi-train-variant:before {
    content: "󰣄"
}

.mdi-tram:before {
    content: "󰔭"
}

.mdi-tram-side:before {
    content: "󰿧"
}

.mdi-transcribe:before {
    content: "󰔮"
}

.mdi-transcribe-close:before {
    content: "󰔯"
}

.mdi-transfer:before {
    content: "󱁥"
}

.mdi-transfer-down:before {
    content: "󰶡"
}

.mdi-transfer-left:before {
    content: "󰶢"
}

.mdi-transfer-right:before {
    content: "󰔰"
}

.mdi-transfer-up:before {
    content: "󰶣"
}

.mdi-transit-connection:before {
    content: "󰴼"
}

.mdi-transit-connection-horizontal:before {
    content: "󱕆"
}

.mdi-transit-connection-variant:before {
    content: "󰴽"
}

.mdi-transit-detour:before {
    content: "󰾋"
}

.mdi-transit-skip:before {
    content: "󱔕"
}

.mdi-transit-transfer:before {
    content: "󰚮"
}

.mdi-transition:before {
    content: "󰤕"
}

.mdi-transition-masked:before {
    content: "󰤖"
}

.mdi-translate:before {
    content: "󰗊"
}

.mdi-translate-off:before {
    content: "󰸆"
}

.mdi-translate-variant:before {
    content: "󱮙"
}

.mdi-transmission-tower:before {
    content: "󰴾"
}

.mdi-transmission-tower-export:before {
    content: "󱤬"
}

.mdi-transmission-tower-import:before {
    content: "󱤭"
}

.mdi-transmission-tower-off:before {
    content: "󱧝"
}

.mdi-trash-can:before {
    content: "󰩹"
}

.mdi-trash-can-outline:before {
    content: "󰩺"
}

.mdi-tray:before {
    content: "󱊔"
}

.mdi-tray-alert:before {
    content: "󱊕"
}

.mdi-tray-arrow-down:before {
    content: "󰄠"
}

.mdi-tray-arrow-up:before {
    content: "󰄝"
}

.mdi-tray-full:before {
    content: "󱊖"
}

.mdi-tray-minus:before {
    content: "󱊗"
}

.mdi-tray-plus:before {
    content: "󱊘"
}

.mdi-tray-remove:before {
    content: "󱊙"
}

.mdi-treasure-chest:before {
    content: "󰜦"
}

.mdi-treasure-chest-outline:before {
    content: "󱱷"
}

.mdi-tree:before {
    content: "󰔱"
}

.mdi-tree-outline:before {
    content: "󰹩"
}

.mdi-trello:before {
    content: "󰔲"
}

.mdi-trending-down:before {
    content: "󰔳"
}

.mdi-trending-neutral:before {
    content: "󰔴"
}

.mdi-trending-up:before {
    content: "󰔵"
}

.mdi-triangle:before {
    content: "󰔶"
}

.mdi-triangle-down:before {
    content: "󱱖"
}

.mdi-triangle-down-outline:before {
    content: "󱱗"
}

.mdi-triangle-outline:before {
    content: "󰔷"
}

.mdi-triangle-small-down:before {
    content: "󱨉"
}

.mdi-triangle-small-up:before {
    content: "󱨊"
}

.mdi-triangle-wave:before {
    content: "󱑼"
}

.mdi-triforce:before {
    content: "󰯙"
}

.mdi-trophy:before {
    content: "󰔸"
}

.mdi-trophy-award:before {
    content: "󰔹"
}

.mdi-trophy-broken:before {
    content: "󰶤"
}

.mdi-trophy-outline:before {
    content: "󰔺"
}

.mdi-trophy-variant:before {
    content: "󰔻"
}

.mdi-trophy-variant-outline:before {
    content: "󰔼"
}

.mdi-truck:before {
    content: "󰔽"
}

.mdi-truck-alert:before {
    content: "󱧞"
}

.mdi-truck-alert-outline:before {
    content: "󱧟"
}

.mdi-truck-cargo-container:before {
    content: "󱣘"
}

.mdi-truck-check:before {
    content: "󰳔"
}

.mdi-truck-check-outline:before {
    content: "󱊚"
}

.mdi-truck-delivery:before {
    content: "󰔾"
}

.mdi-truck-delivery-outline:before {
    content: "󱊛"
}

.mdi-truck-fast:before {
    content: "󰞈"
}

.mdi-truck-fast-outline:before {
    content: "󱊜"
}

.mdi-truck-flatbed:before {
    content: "󱢑"
}

.mdi-truck-minus:before {
    content: "󱦮"
}

.mdi-truck-minus-outline:before {
    content: "󱦽"
}

.mdi-truck-outline:before {
    content: "󱊝"
}

.mdi-truck-plus:before {
    content: "󱦭"
}

.mdi-truck-plus-outline:before {
    content: "󱦼"
}

.mdi-truck-remove:before {
    content: "󱦯"
}

.mdi-truck-remove-outline:before {
    content: "󱦾"
}

.mdi-truck-snowflake:before {
    content: "󱦦"
}

.mdi-truck-trailer:before {
    content: "󰜧"
}

.mdi-trumpet:before {
    content: "󱂖"
}

.mdi-tshirt-crew:before {
    content: "󰩻"
}

.mdi-tshirt-crew-outline:before {
    content: "󰔿"
}

.mdi-tshirt-v:before {
    content: "󰩼"
}

.mdi-tshirt-v-outline:before {
    content: "󰕀"
}

.mdi-tsunami:before {
    content: "󱪁"
}

.mdi-tumble-dryer:before {
    content: "󰤗"
}

.mdi-tumble-dryer-alert:before {
    content: "󱆺"
}

.mdi-tumble-dryer-off:before {
    content: "󱆻"
}

.mdi-tune:before {
    content: "󰘮"
}

.mdi-tune-variant:before {
    content: "󱕂"
}

.mdi-tune-vertical:before {
    content: "󰙪"
}

.mdi-tune-vertical-variant:before {
    content: "󱕃"
}

.mdi-tunnel:before {
    content: "󱠽"
}

.mdi-tunnel-outline:before {
    content: "󱠾"
}

.mdi-turbine:before {
    content: "󱪂"
}

.mdi-turkey:before {
    content: "󱜛"
}

.mdi-turnstile:before {
    content: "󰳕"
}

.mdi-turnstile-outline:before {
    content: "󰳖"
}

.mdi-turtle:before {
    content: "󰳗"
}

.mdi-twitch:before {
    content: "󰕃"
}

.mdi-twitter:before {
    content: "󰕄"
}

.mdi-two-factor-authentication:before {
    content: "󰦯"
}

.mdi-typewriter:before {
    content: "󰼭"
}

.mdi-ubisoft:before {
    content: "󰯚"
}

.mdi-ubuntu:before {
    content: "󰕈"
}

.mdi-ufo:before {
    content: "󱃄"
}

.mdi-ufo-outline:before {
    content: "󱃅"
}

.mdi-ultra-high-definition:before {
    content: "󰟹"
}

.mdi-umbraco:before {
    content: "󰕉"
}

.mdi-umbrella:before {
    content: "󰕊"
}

.mdi-umbrella-beach:before {
    content: "󱢊"
}

.mdi-umbrella-beach-outline:before {
    content: "󱢋"
}

.mdi-umbrella-closed:before {
    content: "󰦰"
}

.mdi-umbrella-closed-outline:before {
    content: "󱏢"
}

.mdi-umbrella-closed-variant:before {
    content: "󱏡"
}

.mdi-umbrella-outline:before {
    content: "󰕋"
}

.mdi-undo:before {
    content: "󰕌"
}

.mdi-undo-variant:before {
    content: "󰕍"
}

.mdi-unfold-less-horizontal:before {
    content: "󰕎"
}

.mdi-unfold-less-vertical:before {
    content: "󰝠"
}

.mdi-unfold-more-horizontal:before {
    content: "󰕏"
}

.mdi-unfold-more-vertical:before {
    content: "󰝡"
}

.mdi-ungroup:before {
    content: "󰕐"
}

.mdi-unicode:before {
    content: "󰻐"
}

.mdi-unicorn:before {
    content: "󱗂"
}

.mdi-unicorn-variant:before {
    content: "󱗃"
}

.mdi-unicycle:before {
    content: "󱗥"
}

.mdi-unity:before {
    content: "󰚯"
}

.mdi-unreal:before {
    content: "󰦱"
}

.mdi-update:before {
    content: "󰚰"
}

.mdi-upload:before {
    content: "󰕒"
}

.mdi-upload-lock:before {
    content: "󱍳"
}

.mdi-upload-lock-outline:before {
    content: "󱍴"
}

.mdi-upload-multiple:before {
    content: "󰠽"
}

.mdi-upload-network:before {
    content: "󰛶"
}

.mdi-upload-network-outline:before {
    content: "󰳘"
}

.mdi-upload-off:before {
    content: "󱃆"
}

.mdi-upload-off-outline:before {
    content: "󱃇"
}

.mdi-upload-outline:before {
    content: "󰸇"
}

.mdi-usb:before {
    content: "󰕓"
}

.mdi-usb-flash-drive:before {
    content: "󱊞"
}

.mdi-usb-flash-drive-outline:before {
    content: "󱊟"
}

.mdi-usb-port:before {
    content: "󱇰"
}

.mdi-vacuum:before {
    content: "󱦡"
}

.mdi-vacuum-outline:before {
    content: "󱦢"
}

.mdi-valve:before {
    content: "󱁦"
}

.mdi-valve-closed:before {
    content: "󱁧"
}

.mdi-valve-open:before {
    content: "󱁨"
}

.mdi-van-passenger:before {
    content: "󰟺"
}

.mdi-van-utility:before {
    content: "󰟻"
}

.mdi-vanish:before {
    content: "󰟼"
}

.mdi-vanish-quarter:before {
    content: "󱕔"
}

.mdi-vanity-light:before {
    content: "󱇡"
}

.mdi-variable:before {
    content: "󰫧"
}

.mdi-variable-box:before {
    content: "󱄑"
}

.mdi-vector-arrange-above:before {
    content: "󰕔"
}

.mdi-vector-arrange-below:before {
    content: "󰕕"
}

.mdi-vector-bezier:before {
    content: "󰫨"
}

.mdi-vector-circle:before {
    content: "󰕖"
}

.mdi-vector-circle-variant:before {
    content: "󰕗"
}

.mdi-vector-combine:before {
    content: "󰕘"
}

.mdi-vector-curve:before {
    content: "󰕙"
}

.mdi-vector-difference:before {
    content: "󰕚"
}

.mdi-vector-difference-ab:before {
    content: "󰕛"
}

.mdi-vector-difference-ba:before {
    content: "󰕜"
}

.mdi-vector-ellipse:before {
    content: "󰢓"
}

.mdi-vector-intersection:before {
    content: "󰕝"
}

.mdi-vector-line:before {
    content: "󰕞"
}

.mdi-vector-link:before {
    content: "󰿨"
}

.mdi-vector-point:before {
    content: "󰇄"
}

.mdi-vector-point-edit:before {
    content: "󰧨"
}

.mdi-vector-point-minus:before {
    content: "󱭸"
}

.mdi-vector-point-plus:before {
    content: "󱭹"
}

.mdi-vector-point-select:before {
    content: "󰕟"
}

.mdi-vector-polygon:before {
    content: "󰕠"
}

.mdi-vector-polygon-variant:before {
    content: "󱡖"
}

.mdi-vector-polyline:before {
    content: "󰕡"
}

.mdi-vector-polyline-edit:before {
    content: "󱈥"
}

.mdi-vector-polyline-minus:before {
    content: "󱈦"
}

.mdi-vector-polyline-plus:before {
    content: "󱈧"
}

.mdi-vector-polyline-remove:before {
    content: "󱈨"
}

.mdi-vector-radius:before {
    content: "󰝊"
}

.mdi-vector-rectangle:before {
    content: "󰗆"
}

.mdi-vector-selection:before {
    content: "󰕢"
}

.mdi-vector-square:before {
    content: "󰀁"
}

.mdi-vector-square-close:before {
    content: "󱡗"
}

.mdi-vector-square-edit:before {
    content: "󱣙"
}

.mdi-vector-square-minus:before {
    content: "󱣚"
}

.mdi-vector-square-open:before {
    content: "󱡘"
}

.mdi-vector-square-plus:before {
    content: "󱣛"
}

.mdi-vector-square-remove:before {
    content: "󱣜"
}

.mdi-vector-triangle:before {
    content: "󰕣"
}

.mdi-vector-union:before {
    content: "󰕤"
}

.mdi-vhs:before {
    content: "󰨛"
}

.mdi-vibrate:before {
    content: "󰕦"
}

.mdi-vibrate-off:before {
    content: "󰳙"
}

.mdi-video:before {
    content: "󰕧"
}

.mdi-video-2d:before {
    content: "󱨜"
}

.mdi-video-3d:before {
    content: "󰟽"
}

.mdi-video-3d-off:before {
    content: "󱏙"
}

.mdi-video-3d-variant:before {
    content: "󰻑"
}

.mdi-video-4k-box:before {
    content: "󰠾"
}

.mdi-video-account:before {
    content: "󰤙"
}

.mdi-video-box:before {
    content: "󰃽"
}

.mdi-video-box-off:before {
    content: "󰃾"
}

.mdi-video-check:before {
    content: "󱁩"
}

.mdi-video-check-outline:before {
    content: "󱁪"
}

.mdi-video-high-definition:before {
    content: "󱔮"
}

.mdi-video-image:before {
    content: "󰤚"
}

.mdi-video-input-antenna:before {
    content: "󰠿"
}

.mdi-video-input-component:before {
    content: "󰡀"
}

.mdi-video-input-hdmi:before {
    content: "󰡁"
}

.mdi-video-input-scart:before {
    content: "󰾌"
}

.mdi-video-input-svideo:before {
    content: "󰡂"
}

.mdi-video-marker:before {
    content: "󱦩"
}

.mdi-video-marker-outline:before {
    content: "󱦪"
}

.mdi-video-minus:before {
    content: "󰦲"
}

.mdi-video-minus-outline:before {
    content: "󰊺"
}

.mdi-video-off:before {
    content: "󰕨"
}

.mdi-video-off-outline:before {
    content: "󰯛"
}

.mdi-video-outline:before {
    content: "󰯜"
}

.mdi-video-plus:before {
    content: "󰦳"
}

.mdi-video-plus-outline:before {
    content: "󰇓"
}

.mdi-video-stabilization:before {
    content: "󰤛"
}

.mdi-video-switch:before {
    content: "󰕩"
}

.mdi-video-switch-outline:before {
    content: "󰞐"
}

.mdi-video-vintage:before {
    content: "󰨜"
}

.mdi-video-wireless:before {
    content: "󰻒"
}

.mdi-video-wireless-outline:before {
    content: "󰻓"
}

.mdi-view-agenda:before {
    content: "󰕪"
}

.mdi-view-agenda-outline:before {
    content: "󱇘"
}

.mdi-view-array:before {
    content: "󰕫"
}

.mdi-view-array-outline:before {
    content: "󱒅"
}

.mdi-view-carousel:before {
    content: "󰕬"
}

.mdi-view-carousel-outline:before {
    content: "󱒆"
}

.mdi-view-column:before {
    content: "󰕭"
}

.mdi-view-column-outline:before {
    content: "󱒇"
}

.mdi-view-comfy:before {
    content: "󰹪"
}

.mdi-view-comfy-outline:before {
    content: "󱒈"
}

.mdi-view-compact:before {
    content: "󰹫"
}

.mdi-view-compact-outline:before {
    content: "󰹬"
}

.mdi-view-dashboard:before {
    content: "󰕮"
}

.mdi-view-dashboard-edit:before {
    content: "󱥇"
}

.mdi-view-dashboard-edit-outline:before {
    content: "󱥈"
}

.mdi-view-dashboard-outline:before {
    content: "󰨝"
}

.mdi-view-dashboard-variant:before {
    content: "󰡃"
}

.mdi-view-dashboard-variant-outline:before {
    content: "󱒉"
}

.mdi-view-day:before {
    content: "󰕯"
}

.mdi-view-day-outline:before {
    content: "󱒊"
}

.mdi-view-gallery:before {
    content: "󱢈"
}

.mdi-view-gallery-outline:before {
    content: "󱢉"
}

.mdi-view-grid:before {
    content: "󰕰"
}

.mdi-view-grid-compact:before {
    content: "󱱡"
}

.mdi-view-grid-outline:before {
    content: "󱇙"
}

.mdi-view-grid-plus:before {
    content: "󰾍"
}

.mdi-view-grid-plus-outline:before {
    content: "󱇚"
}

.mdi-view-headline:before {
    content: "󰕱"
}

.mdi-view-list:before {
    content: "󰕲"
}

.mdi-view-list-outline:before {
    content: "󱒋"
}

.mdi-view-module:before {
    content: "󰕳"
}

.mdi-view-module-outline:before {
    content: "󱒌"
}

.mdi-view-parallel:before {
    content: "󰜨"
}

.mdi-view-parallel-outline:before {
    content: "󱒍"
}

.mdi-view-quilt:before {
    content: "󰕴"
}

.mdi-view-quilt-outline:before {
    content: "󱒎"
}

.mdi-view-sequential:before {
    content: "󰜩"
}

.mdi-view-sequential-outline:before {
    content: "󱒏"
}

.mdi-view-split-horizontal:before {
    content: "󰯋"
}

.mdi-view-split-vertical:before {
    content: "󰯌"
}

.mdi-view-stream:before {
    content: "󰕵"
}

.mdi-view-stream-outline:before {
    content: "󱒐"
}

.mdi-view-week:before {
    content: "󰕶"
}

.mdi-view-week-outline:before {
    content: "󱒑"
}

.mdi-vimeo:before {
    content: "󰕷"
}

.mdi-violin:before {
    content: "󰘏"
}

.mdi-virtual-reality:before {
    content: "󰢔"
}

.mdi-virus:before {
    content: "󱎶"
}

.mdi-virus-off:before {
    content: "󱣡"
}

.mdi-virus-off-outline:before {
    content: "󱣢"
}

.mdi-virus-outline:before {
    content: "󱎷"
}

.mdi-vlc:before {
    content: "󰕼"
}

.mdi-voicemail:before {
    content: "󰕽"
}

.mdi-volcano:before {
    content: "󱪃"
}

.mdi-volcano-outline:before {
    content: "󱪄"
}

.mdi-volleyball:before {
    content: "󰦴"
}

.mdi-volume-equal:before {
    content: "󱬐"
}

.mdi-volume-high:before {
    content: "󰕾"
}

.mdi-volume-low:before {
    content: "󰕿"
}

.mdi-volume-medium:before {
    content: "󰖀"
}

.mdi-volume-minus:before {
    content: "󰝞"
}

.mdi-volume-mute:before {
    content: "󰝟"
}

.mdi-volume-off:before {
    content: "󰖁"
}

.mdi-volume-plus:before {
    content: "󰝝"
}

.mdi-volume-source:before {
    content: "󱄠"
}

.mdi-volume-variant-off:before {
    content: "󰸈"
}

.mdi-volume-vibrate:before {
    content: "󱄡"
}

.mdi-vote:before {
    content: "󰨟"
}

.mdi-vote-outline:before {
    content: "󰨠"
}

.mdi-vpn:before {
    content: "󰖂"
}

.mdi-vuejs:before {
    content: "󰡄"
}

.mdi-vuetify:before {
    content: "󰹭"
}

.mdi-walk:before {
    content: "󰖃"
}

.mdi-wall:before {
    content: "󰟾"
}

.mdi-wall-fire:before {
    content: "󱨑"
}

.mdi-wall-sconce:before {
    content: "󰤜"
}

.mdi-wall-sconce-flat:before {
    content: "󰤝"
}

.mdi-wall-sconce-flat-outline:before {
    content: "󱟉"
}

.mdi-wall-sconce-flat-variant:before {
    content: "󰐜"
}

.mdi-wall-sconce-flat-variant-outline:before {
    content: "󱟊"
}

.mdi-wall-sconce-outline:before {
    content: "󱟋"
}

.mdi-wall-sconce-round:before {
    content: "󰝈"
}

.mdi-wall-sconce-round-outline:before {
    content: "󱟌"
}

.mdi-wall-sconce-round-variant:before {
    content: "󰤞"
}

.mdi-wall-sconce-round-variant-outline:before {
    content: "󱟍"
}

.mdi-wallet:before {
    content: "󰖄"
}

.mdi-wallet-bifold:before {
    content: "󱱘"
}

.mdi-wallet-bifold-outline:before {
    content: "󱱙"
}

.mdi-wallet-giftcard:before {
    content: "󰖅"
}

.mdi-wallet-membership:before {
    content: "󰖆"
}

.mdi-wallet-outline:before {
    content: "󰯝"
}

.mdi-wallet-plus:before {
    content: "󰾎"
}

.mdi-wallet-plus-outline:before {
    content: "󰾏"
}

.mdi-wallet-travel:before {
    content: "󰖇"
}

.mdi-wallpaper:before {
    content: "󰸉"
}

.mdi-wan:before {
    content: "󰖈"
}

.mdi-wardrobe:before {
    content: "󰾐"
}

.mdi-wardrobe-outline:before {
    content: "󰾑"
}

.mdi-warehouse:before {
    content: "󰾁"
}

.mdi-washing-machine:before {
    content: "󰜪"
}

.mdi-washing-machine-alert:before {
    content: "󱆼"
}

.mdi-washing-machine-off:before {
    content: "󱆽"
}

.mdi-watch:before {
    content: "󰖉"
}

.mdi-watch-export:before {
    content: "󰖊"
}

.mdi-watch-export-variant:before {
    content: "󰢕"
}

.mdi-watch-import:before {
    content: "󰖋"
}

.mdi-watch-import-variant:before {
    content: "󰢖"
}

.mdi-watch-variant:before {
    content: "󰢗"
}

.mdi-watch-vibrate:before {
    content: "󰚱"
}

.mdi-watch-vibrate-off:before {
    content: "󰳚"
}

.mdi-water:before {
    content: "󰖌"
}

.mdi-water-alert:before {
    content: "󱔂"
}

.mdi-water-alert-outline:before {
    content: "󱔃"
}

.mdi-water-boiler:before {
    content: "󰾒"
}

.mdi-water-boiler-alert:before {
    content: "󱆳"
}

.mdi-water-boiler-auto:before {
    content: "󱮘"
}

.mdi-water-boiler-off:before {
    content: "󱆴"
}

.mdi-water-check:before {
    content: "󱔄"
}

.mdi-water-check-outline:before {
    content: "󱔅"
}

.mdi-water-circle:before {
    content: "󱠆"
}

.mdi-water-minus:before {
    content: "󱔆"
}

.mdi-water-minus-outline:before {
    content: "󱔇"
}

.mdi-water-off:before {
    content: "󰖍"
}

.mdi-water-off-outline:before {
    content: "󱔈"
}

.mdi-water-opacity:before {
    content: "󱡕"
}

.mdi-water-outline:before {
    content: "󰸊"
}

.mdi-water-percent:before {
    content: "󰖎"
}

.mdi-water-percent-alert:before {
    content: "󱔉"
}

.mdi-water-plus:before {
    content: "󱔊"
}

.mdi-water-plus-outline:before {
    content: "󱔋"
}

.mdi-water-polo:before {
    content: "󱊠"
}

.mdi-water-pump:before {
    content: "󰖏"
}

.mdi-water-pump-off:before {
    content: "󰾓"
}

.mdi-water-remove:before {
    content: "󱔌"
}

.mdi-water-remove-outline:before {
    content: "󱔍"
}

.mdi-water-sync:before {
    content: "󱟆"
}

.mdi-water-thermometer:before {
    content: "󱪅"
}

.mdi-water-thermometer-outline:before {
    content: "󱪆"
}

.mdi-water-well:before {
    content: "󱁫"
}

.mdi-water-well-outline:before {
    content: "󱁬"
}

.mdi-waterfall:before {
    content: "󱡉"
}

.mdi-watering-can:before {
    content: "󱒁"
}

.mdi-watering-can-outline:before {
    content: "󱒂"
}

.mdi-watermark:before {
    content: "󰘒"
}

.mdi-wave:before {
    content: "󰼮"
}

.mdi-waveform:before {
    content: "󱑽"
}

.mdi-waves:before {
    content: "󰞍"
}

.mdi-waves-arrow-left:before {
    content: "󱡙"
}

.mdi-waves-arrow-right:before {
    content: "󱡚"
}

.mdi-waves-arrow-up:before {
    content: "󱡛"
}

.mdi-waze:before {
    content: "󰯞"
}

.mdi-weather-cloudy:before {
    content: "󰖐"
}

.mdi-weather-cloudy-alert:before {
    content: "󰼯"
}

.mdi-weather-cloudy-arrow-right:before {
    content: "󰹮"
}

.mdi-weather-cloudy-clock:before {
    content: "󱣶"
}

.mdi-weather-dust:before {
    content: "󱭚"
}

.mdi-weather-fog:before {
    content: "󰖑"
}

.mdi-weather-hail:before {
    content: "󰖒"
}

.mdi-weather-hazy:before {
    content: "󰼰"
}

.mdi-weather-hurricane:before {
    content: "󰢘"
}

.mdi-weather-hurricane-outline:before {
    content: "󱱸"
}

.mdi-weather-lightning:before {
    content: "󰖓"
}

.mdi-weather-lightning-rainy:before {
    content: "󰙾"
}

.mdi-weather-night:before {
    content: "󰖔"
}

.mdi-weather-night-partly-cloudy:before {
    content: "󰼱"
}

.mdi-weather-partly-cloudy:before {
    content: "󰖕"
}

.mdi-weather-partly-lightning:before {
    content: "󰼲"
}

.mdi-weather-partly-rainy:before {
    content: "󰼳"
}

.mdi-weather-partly-snowy:before {
    content: "󰼴"
}

.mdi-weather-partly-snowy-rainy:before {
    content: "󰼵"
}

.mdi-weather-pouring:before {
    content: "󰖖"
}

.mdi-weather-rainy:before {
    content: "󰖗"
}

.mdi-weather-snowy:before {
    content: "󰖘"
}

.mdi-weather-snowy-heavy:before {
    content: "󰼶"
}

.mdi-weather-snowy-rainy:before {
    content: "󰙿"
}

.mdi-weather-sunny:before {
    content: "󰖙"
}

.mdi-weather-sunny-alert:before {
    content: "󰼷"
}

.mdi-weather-sunny-off:before {
    content: "󱓤"
}

.mdi-weather-sunset:before {
    content: "󰖚"
}

.mdi-weather-sunset-down:before {
    content: "󰖛"
}

.mdi-weather-sunset-up:before {
    content: "󰖜"
}

.mdi-weather-tornado:before {
    content: "󰼸"
}

.mdi-weather-windy:before {
    content: "󰖝"
}

.mdi-weather-windy-variant:before {
    content: "󰖞"
}

.mdi-web:before {
    content: "󰖟"
}

.mdi-web-box:before {
    content: "󰾔"
}

.mdi-web-cancel:before {
    content: "󱞐"
}

.mdi-web-check:before {
    content: "󰞉"
}

.mdi-web-clock:before {
    content: "󱉊"
}

.mdi-web-minus:before {
    content: "󱂠"
}

.mdi-web-off:before {
    content: "󰪎"
}

.mdi-web-plus:before {
    content: "󰀳"
}

.mdi-web-refresh:before {
    content: "󱞑"
}

.mdi-web-remove:before {
    content: "󰕑"
}

.mdi-web-sync:before {
    content: "󱞒"
}

.mdi-webcam:before {
    content: "󰖠"
}

.mdi-webcam-off:before {
    content: "󱜷"
}

.mdi-webhook:before {
    content: "󰘯"
}

.mdi-webpack:before {
    content: "󰜫"
}

.mdi-webrtc:before {
    content: "󱉈"
}

.mdi-wechat:before {
    content: "󰘑"
}

.mdi-weight:before {
    content: "󰖡"
}

.mdi-weight-gram:before {
    content: "󰴿"
}

.mdi-weight-kilogram:before {
    content: "󰖢"
}

.mdi-weight-lifter:before {
    content: "󱅝"
}

.mdi-weight-pound:before {
    content: "󰦵"
}

.mdi-whatsapp:before {
    content: "󰖣"
}

.mdi-wheel-barrow:before {
    content: "󱓲"
}

.mdi-wheelchair:before {
    content: "󱪇"
}

.mdi-wheelchair-accessibility:before {
    content: "󰖤"
}

.mdi-whistle:before {
    content: "󰦶"
}

.mdi-whistle-outline:before {
    content: "󱊼"
}

.mdi-white-balance-auto:before {
    content: "󰖥"
}

.mdi-white-balance-incandescent:before {
    content: "󰖦"
}

.mdi-white-balance-iridescent:before {
    content: "󰖧"
}

.mdi-white-balance-sunny:before {
    content: "󰖨"
}

.mdi-widgets:before {
    content: "󰜬"
}

.mdi-widgets-outline:before {
    content: "󱍕"
}

.mdi-wifi:before {
    content: "󰖩"
}

.mdi-wifi-alert:before {
    content: "󱚵"
}

.mdi-wifi-arrow-down:before {
    content: "󱚶"
}

.mdi-wifi-arrow-left:before {
    content: "󱚷"
}

.mdi-wifi-arrow-left-right:before {
    content: "󱚸"
}

.mdi-wifi-arrow-right:before {
    content: "󱚹"
}

.mdi-wifi-arrow-up:before {
    content: "󱚺"
}

.mdi-wifi-arrow-up-down:before {
    content: "󱚻"
}

.mdi-wifi-cancel:before {
    content: "󱚼"
}

.mdi-wifi-check:before {
    content: "󱚽"
}

.mdi-wifi-cog:before {
    content: "󱚾"
}

.mdi-wifi-lock:before {
    content: "󱚿"
}

.mdi-wifi-lock-open:before {
    content: "󱛀"
}

.mdi-wifi-marker:before {
    content: "󱛁"
}

.mdi-wifi-minus:before {
    content: "󱛂"
}

.mdi-wifi-off:before {
    content: "󰖪"
}

.mdi-wifi-plus:before {
    content: "󱛃"
}

.mdi-wifi-refresh:before {
    content: "󱛄"
}

.mdi-wifi-remove:before {
    content: "󱛅"
}

.mdi-wifi-settings:before {
    content: "󱛆"
}

.mdi-wifi-star:before {
    content: "󰸋"
}

.mdi-wifi-strength-1:before {
    content: "󰤟"
}

.mdi-wifi-strength-1-alert:before {
    content: "󰤠"
}

.mdi-wifi-strength-1-lock:before {
    content: "󰤡"
}

.mdi-wifi-strength-1-lock-open:before {
    content: "󱛋"
}

.mdi-wifi-strength-2:before {
    content: "󰤢"
}

.mdi-wifi-strength-2-alert:before {
    content: "󰤣"
}

.mdi-wifi-strength-2-lock:before {
    content: "󰤤"
}

.mdi-wifi-strength-2-lock-open:before {
    content: "󱛌"
}

.mdi-wifi-strength-3:before {
    content: "󰤥"
}

.mdi-wifi-strength-3-alert:before {
    content: "󰤦"
}

.mdi-wifi-strength-3-lock:before {
    content: "󰤧"
}

.mdi-wifi-strength-3-lock-open:before {
    content: "󱛍"
}

.mdi-wifi-strength-4:before {
    content: "󰤨"
}

.mdi-wifi-strength-4-alert:before {
    content: "󰤩"
}

.mdi-wifi-strength-4-lock:before {
    content: "󰤪"
}

.mdi-wifi-strength-4-lock-open:before {
    content: "󱛎"
}

.mdi-wifi-strength-alert-outline:before {
    content: "󰤫"
}

.mdi-wifi-strength-lock-open-outline:before {
    content: "󱛏"
}

.mdi-wifi-strength-lock-outline:before {
    content: "󰤬"
}

.mdi-wifi-strength-off:before {
    content: "󰤭"
}

.mdi-wifi-strength-off-outline:before {
    content: "󰤮"
}

.mdi-wifi-strength-outline:before {
    content: "󰤯"
}

.mdi-wifi-sync:before {
    content: "󱛇"
}

.mdi-wikipedia:before {
    content: "󰖬"
}

.mdi-wind-power:before {
    content: "󱪈"
}

.mdi-wind-power-outline:before {
    content: "󱪉"
}

.mdi-wind-turbine:before {
    content: "󰶥"
}

.mdi-wind-turbine-alert:before {
    content: "󱦫"
}

.mdi-wind-turbine-check:before {
    content: "󱦬"
}

.mdi-window-close:before {
    content: "󰖭"
}

.mdi-window-closed:before {
    content: "󰖮"
}

.mdi-window-closed-variant:before {
    content: "󱇛"
}

.mdi-window-maximize:before {
    content: "󰖯"
}

.mdi-window-minimize:before {
    content: "󰖰"
}

.mdi-window-open:before {
    content: "󰖱"
}

.mdi-window-open-variant:before {
    content: "󱇜"
}

.mdi-window-restore:before {
    content: "󰖲"
}

.mdi-window-shutter:before {
    content: "󱄜"
}

.mdi-window-shutter-alert:before {
    content: "󱄝"
}

.mdi-window-shutter-auto:before {
    content: "󱮣"
}

.mdi-window-shutter-cog:before {
    content: "󱪊"
}

.mdi-window-shutter-open:before {
    content: "󱄞"
}

.mdi-window-shutter-settings:before {
    content: "󱪋"
}

.mdi-windsock:before {
    content: "󱗺"
}

.mdi-wiper:before {
    content: "󰫩"
}

.mdi-wiper-wash:before {
    content: "󰶦"
}

.mdi-wiper-wash-alert:before {
    content: "󱣟"
}

.mdi-wizard-hat:before {
    content: "󱑷"
}

.mdi-wordpress:before {
    content: "󰖴"
}

.mdi-wrap:before {
    content: "󰖶"
}

.mdi-wrap-disabled:before {
    content: "󰯟"
}

.mdi-wrench:before {
    content: "󰖷"
}

.mdi-wrench-check:before {
    content: "󱮏"
}

.mdi-wrench-check-outline:before {
    content: "󱮐"
}

.mdi-wrench-clock:before {
    content: "󱦣"
}

.mdi-wrench-clock-outline:before {
    content: "󱮓"
}

.mdi-wrench-cog:before {
    content: "󱮑"
}

.mdi-wrench-cog-outline:before {
    content: "󱮒"
}

.mdi-wrench-outline:before {
    content: "󰯠"
}

.mdi-xamarin:before {
    content: "󰡅"
}

.mdi-xml:before {
    content: "󰗀"
}

.mdi-xmpp:before {
    content: "󰟿"
}

.mdi-yahoo:before {
    content: "󰭏"
}

.mdi-yeast:before {
    content: "󰗁"
}

.mdi-yin-yang:before {
    content: "󰚀"
}

.mdi-yoga:before {
    content: "󱅼"
}

.mdi-youtube:before {
    content: "󰗃"
}

.mdi-youtube-gaming:before {
    content: "󰡈"
}

.mdi-youtube-studio:before {
    content: "󰡇"
}

.mdi-youtube-subscription:before {
    content: "󰵀"
}

.mdi-youtube-tv:before {
    content: "󰑈"
}

.mdi-yurt:before {
    content: "󱔖"
}

.mdi-z-wave:before {
    content: "󰫪"
}

.mdi-zend:before {
    content: "󰫫"
}

.mdi-zigbee:before {
    content: "󰵁"
}

.mdi-zip-box:before {
    content: "󰗄"
}

.mdi-zip-box-outline:before {
    content: "󰿺"
}

.mdi-zip-disk:before {
    content: "󰨣"
}

.mdi-zodiac-aquarius:before {
    content: "󰩽"
}

.mdi-zodiac-aries:before {
    content: "󰩾"
}

.mdi-zodiac-cancer:before {
    content: "󰩿"
}

.mdi-zodiac-capricorn:before {
    content: "󰪀"
}

.mdi-zodiac-gemini:before {
    content: "󰪁"
}

.mdi-zodiac-leo:before {
    content: "󰪂"
}

.mdi-zodiac-libra:before {
    content: "󰪃"
}

.mdi-zodiac-pisces:before {
    content: "󰪄"
}

.mdi-zodiac-sagittarius:before {
    content: "󰪅"
}

.mdi-zodiac-scorpio:before {
    content: "󰪆"
}

.mdi-zodiac-taurus:before {
    content: "󰪇"
}

.mdi-zodiac-virgo:before {
    content: "󰪈"
}

.mdi-blank:before {
    content: "";
    visibility: hidden
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px
}

.mdi-dark:before {
    color: #0000008a
}

.mdi-dark.mdi-inactive:before {
    color: #00000042
}

.mdi-light:before {
    color: #fff
}

.mdi-light.mdi-inactive:before {
    color: #ffffff4d
}

.mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear
}

@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
    -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
}

.fas, .fa-classic, .fa-solid, .far, .fa-regular {
    font-family: "Font Awesome 6 Free"
}

.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands"
}

.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: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

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

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

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.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-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, .1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, .08em);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

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

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

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

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

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%, 90% {
        transform: scale(1)
    }
    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }
    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        transform: scale(1) translateY(0)
    }
    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {
    0%, to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }
    4% {
        transform: rotate(15deg)
    }
    8%, 24% {
        transform: rotate(-18deg)
    }
    12%, 28% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-22deg)
    }
    20% {
        transform: rotate(22deg)
    }
    32% {
        transform: rotate(-12deg)
    }
    36% {
        transform: rotate(12deg)
    }
    40%, to {
        transform: rotate(0)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

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

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

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

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

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

.fa-rotate-by {
    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-fill-drip:before {
    content: ""
}

.fa-arrows-to-circle:before {
    content: ""
}

.fa-circle-chevron-right:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

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

.fa-trash-can:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-user-xmark:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-message:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-down-left-and-up-right-to-center:before {
    content: ""
}

.fa-compress-alt:before {
    content: ""
}

.fa-explosion:before {
    content: ""
}

.fa-file-lines:before {
    content: ""
}

.fa-file-alt:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-building-un:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-calendar-days:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-anchor-circle-check:before {
    content: ""
}

.fa-building-circle-arrow-right:before {
    content: ""
}

.fa-volleyball:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-arrows-up-to-line:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-desc:before {
    content: ""
}

.fa-circle-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-right-from-bracket:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-atom:before {
    content: ""
}

.fa-soap:before {
    content: ""
}

.fa-icons:before {
    content: ""
}

.fa-heart-music-camera-bolt:before {
    content: ""
}

.fa-microphone-lines-slash:before {
    content: ""
}

.fa-microphone-alt-slash:before {
    content: ""
}

.fa-bridge-circle-check:before {
    content: ""
}

.fa-pump-medical:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-magnifying-glass-location:before {
    content: ""
}

.fa-search-location:before {
    content: ""
}

.fa-forward-step:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-face-smile-beam:before {
    content: ""
}

.fa-smile-beam:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-football:before {
    content: ""
}

.fa-football-ball:before {
    content: ""
}

.fa-school-circle-exclamation:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-angles-down:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-users-rectangle:before {
    content: ""
}

.fa-people-roof:before {
    content: ""
}

.fa-people-line:before {
    content: ""
}

.fa-beer-mug-empty:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-diagram-predecessor:before {
    content: ""
}

.fa-arrow-up-long:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-fire-flame-simple:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-person:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-truck-plane:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-face-grin-stars:before {
    content: ""
}

.fa-grin-stars:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-spaghetti-monster-flying:before {
    content: ""
}

.fa-pastafarianism:before {
    content: ""
}

.fa-arrow-down-up-across-line:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-jar-wheat:before {
    content: ""
}

.fa-envelopes-bulk:before {
    content: ""
}

.fa-mail-bulk:before {
    content: ""
}

.fa-file-circle-exclamation:before {
    content: ""
}

.fa-circle-h:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-pager:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-contact-book:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-k:before {
    content: "K"
}

.fa-landmark-flag:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-file-clipboard:before {
    content: ""
}

.fa-code-pull-request:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-truck-ramp-box:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-vial-virus:before {
    content: ""
}

.fa-sheet-plastic:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-person-arrow-up-from-line:before {
    content: ""
}

.fa-scroll-torah:before {
    content: ""
}

.fa-torah:before {
    content: ""
}

.fa-broom-ball:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quidditch-broom-ball:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-box-archive:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-person-drowning:before {
    content: ""
}

.fa-arrow-down-9-1:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-face-grin-tongue-squint:before {
    content: ""
}

.fa-grin-tongue-squint:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-w:before {
    content: "W"
}

.fa-earth-africa:before {
    content: ""
}

.fa-globe-africa:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-tablet-screen-button:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-trowel-bricks:before {
    content: ""
}

.fa-face-flushed:before {
    content: ""
}

.fa-flushed:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-tent-arrow-left-right:before {
    content: ""
}

.fa-gavel:before {
    content: ""
}

.fa-legal:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-box-tissue:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-bell-concierge:before {
    content: ""
}

.fa-concierge-bell:before {
    content: ""
}

.fa-pen-ruler:before {
    content: ""
}

.fa-pencil-ruler:before {
    content: ""
}

.fa-people-arrows:before {
    content: ""
}

.fa-people-arrows-left-right:before {
    content: ""
}

.fa-mars-and-venus-burst:before {
    content: ""
}

.fa-square-caret-right:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-scissors:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-sun-plant-wilt:before {
    content: ""
}

.fa-toilets-portable:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magnifying-glass-arrow-right:before {
    content: ""
}

.fa-tachograph-digital:before {
    content: ""
}

.fa-digital-tachograph:before {
    content: ""
}

.fa-users-slash:before {
    content: ""
}

.fa-clover:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-mail-reply:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-house-fire:before {
    content: ""
}

.fa-square-minus:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-square-caret-down:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-file-circle-question:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-navicon:before {
    content: ""
}

.fa-people-group:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-3:before {
    content: ""
}

.fa-heart-crack:before {
    content: ""
}

.fa-heart-broken:before {
    content: ""
}

.fa-square-up-right:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-face-kiss-beam:before {
    content: ""
}

.fa-kiss-beam:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-people-robbery:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-circle-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-school-circle-xmark:before {
    content: ""
}

.fa-arrow-right-from-bracket:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-circle-chevron-down:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-unlock-keyhole:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-headphones-simple:before {
    content: ""
}

.fa-headphones-alt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-circle-dollar-to-slot:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-road-spikes:before {
    content: ""
}

.fa-fire-burner:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-hanukiah:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-volume-low:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-wheat-awn:before {
    content: ""
}

.fa-wheat-alt:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-hands-holding-child:before {
    content: ""
}

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

.fa-square-check:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-peseta-sign:before {
    content: ""
}

.fa-heading:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-squares:before {
    content: ""
}

.fa-square-phone-flip:before {
    content: ""
}

.fa-phone-square-alt:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-circle-dot:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-face-dizzy:before {
    content: ""
}

.fa-dizzy:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-house-medical-circle-xmark:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-futbol:before {
    content: ""
}

.fa-futbol-ball:before {
    content: ""
}

.fa-soccer-ball:before {
    content: ""
}

.fa-paintbrush:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-hot-tub-person:before {
    content: ""
}

.fa-hot-tub:before {
    content: ""
}

.fa-map-location:before {
    content: ""
}

.fa-map-marked:before {
    content: ""
}

.fa-house-flood-water:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-bridge-lock:before {
    content: ""
}

.fa-sack-dollar:before {
    content: ""
}

.fa-pen-to-square:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-share-nodes:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-heart-circle-minus:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-2:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-sink:before {
    content: ""
}

.fa-bag-shopping:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-arrow-down-z-a:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-person-rays:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-flask-vial:before {
    content: ""
}

.fa-hand:before {
    content: ""
}

.fa-hand-paper:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-worm:before {
    content: ""
}

.fa-house-circle-xmark:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-hand-spock:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-face-kiss:before {
    content: ""
}

.fa-kiss:before {
    content: ""
}

.fa-bridge-circle-xmark:before {
    content: ""
}

.fa-face-grin-tongue:before {
    content: ""
}

.fa-grin-tongue:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-face-grin-wink:before {
    content: ""
}

.fa-grin-wink:before {
    content: ""
}

.fa-ear-deaf:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-deafness:before {
    content: ""
}

.fa-hard-of-hearing:before {
    content: ""
}

.fa-road-circle-check:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-square-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-land-mine-on:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-stairs:before {
    content: ""
}

.fa-i:before {
    content: "I"
}

.fa-hryvnia-sign:before {
    content: ""
}

.fa-hryvnia:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-face-grin-wide:before {
    content: ""
}

.fa-grin-alt:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-v:before {
    content: "V"
}

.fa-bangladeshi-taka-sign:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-staff-snake:before {
    content: ""
}

.fa-rod-asclepius:before {
    content: ""
}

.fa-rod-snake:before {
    content: ""
}

.fa-staff-aesculapius:before {
    content: ""
}

.fa-head-side-cough-slash:before {
    content: ""
}

.fa-truck-medical:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-wheat-awn-circle-exclamation:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-road-barrier:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-igloo:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-q:before {
    content: "Q"
}

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

.fa-notes-medical:before {
    content: ""
}

.fa-temperature-half:before {
    content: ""
}

.fa-temperature-2:before {
    content: ""
}

.fa-thermometer-2:before {
    content: ""
}

.fa-thermometer-half:before {
    content: ""
}

.fa-dong-sign:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-poo-storm:before {
    content: ""
}

.fa-poo-bolt:before {
    content: ""
}

.fa-face-frown-open:before {
    content: ""
}

.fa-frown-open:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-helmet-un:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-arrow-up-from-bracket:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-blank:before {
    content: ""
}

.fa-file-waveform:before {
    content: ""
}

.fa-file-medical-alt:before {
    content: ""
}

.fa-radiation:before {
    content: ""
}

.fa-chart-simple:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-gauge:before {
    content: ""
}

.fa-dashboard:before {
    content: ""
}

.fa-gauge-med:before {
    content: ""
}

.fa-tachometer-alt-average:before {
    content: ""
}

.fa-wand-magic-sparkles:before {
    content: ""
}

.fa-magic-wand-sparkles:before {
    content: ""
}

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

.fa-pen-clip:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-bridge-circle-exclamation:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-school-circle-check:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-van-shuttle:before {
    content: ""
}

.fa-shuttle-van:before {
    content: ""
}

.fa-building-user:before {
    content: ""
}

.fa-square-caret-left:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-person-half-dress:before {
    content: ""
}

.fa-road-bridge:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

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

.fa-tablet-button:before {
    content: ""
}

.fa-building-lock:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-house-flag:before {
    content: ""
}

.fa-person-circle-minus:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-cancel:before {
    content: ""
}

.fa-camera-rotate:before {
    content: ""
}

.fa-spray-can-sparkles:before {
    content: ""
}

.fa-air-freshener:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-arrow-pointer:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-maximize:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-shapes:before {
    content: ""
}

.fa-triangle-circle-square:before {
    content: ""
}

.fa-shuffle:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-person-running:before {
    content: ""
}

.fa-running:before {
    content: ""
}

.fa-mobile-retro:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-hands-bound:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-plane-circle-exclamation:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-computer-mouse:before {
    content: ""
}

.fa-mouse:before {
    content: ""
}

.fa-arrow-right-to-bracket:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-shop-slash:before {
    content: ""
}

.fa-store-alt-slash:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-virus-covid-slash:before {
    content: ""
}

.fa-shop-lock:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-1:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-building-wheat:before {
    content: ""
}

.fa-person-breastfeeding:before {
    content: ""
}

.fa-right-to-bracket:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-heart-pulse:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-people-carry-box:before {
    content: ""
}

.fa-people-carry:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-xmarks-lines:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-weight-scale:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-user-group:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-arrow-up-a-z:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-face-laugh-squint:before {
    content: ""
}

.fa-laugh-squint:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-circle-arrow-up:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-person-walking:before {
    content: ""
}

.fa-walking:before {
    content: ""
}

.fa-l:before {
    content: "L"
}

.fa-fire:before {
    content: ""
}

.fa-bed-pulse:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-shuttle-space:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-face-laugh:before {
    content: ""
}

.fa-laugh:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-heart-circle-plus:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-microphone-lines:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-colon-sign:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-store-slash:before {
    content: ""
}

.fa-road-circle-xmark:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-mars-stroke-up:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-champagne-glasses:before {
    content: ""
}

.fa-glass-cheers:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-house-circle-exclamation:before {
    content: ""
}

.fa-file-arrow-up:before {
    content: ""
}

.fa-file-upload:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wifi-3:before {
    content: ""
}

.fa-wifi-strong:before {
    content: ""
}

.fa-bath:before {
    content: ""
}

.fa-bathtub:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-user-pen:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-anchor-lock:before {
    content: ""
}

.fa-building-ngo:before {
    content: ""
}

.fa-manat-sign:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-border-top-left:before {
    content: ""
}

.fa-border-style:before {
    content: ""
}

.fa-map-location-dot:before {
    content: ""
}

.fa-map-marked-alt:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-square-poll-vertical:before {
    content: ""
}

.fa-poll:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-car-battery:before {
    content: ""
}

.fa-battery-car:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-building-circle-check:before {
    content: ""
}

.fa-person-chalkboard:before {
    content: ""
}

.fa-mars-stroke-right:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-hand-back-fist:before {
    content: ""
}

.fa-hand-rock:before {
    content: ""
}

.fa-square-caret-up:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-cloud-showers-water:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-bar-chart:before {
    content: ""
}

.fa-hands-bubbles:before {
    content: ""
}

.fa-hands-wash:before {
    content: ""
}

.fa-less-than-equal:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-eye-low-vision:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-sailboat:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-square-plus:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-bucket:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-cow:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-folder-closed:before {
    content: ""
}

.fa-house-tsunami:before {
    content: ""
}

.fa-square-nfi:before {
    content: ""
}

.fa-arrow-up-from-ground-water:before {
    content: ""
}

.fa-martini-glass:before {
    content: ""
}

.fa-glass-martini-alt:before {
    content: ""
}

.fa-rotate-left:before {
    content: ""
}

.fa-rotate-back:before {
    content: ""
}

.fa-rotate-backward:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-table-columns:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-head-side-mask:before {
    content: ""
}

.fa-handshake:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-box:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-minimize:before {
    content: ""
}

.fa-compress-arrows-alt:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-angles-right:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-circle-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-eur:before {
    content: ""
}

.fa-euro:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-circle-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-circle-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-compass-drafting:before {
    content: ""
}

.fa-drafting-compass:before {
    content: ""
}

.fa-plate-wheat:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-person-shelter:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-face-laugh-beam:before {
    content: ""
}

.fa-laugh-beam:before {
    content: ""
}

.fa-helicopter-symbol:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-circle-chevron-up:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-lari-sign:before {
    content: ""
}

.fa-volcano:before {
    content: ""
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: ""
}

.fa-sterling-sign:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-viruses:before {
    content: ""
}

.fa-square-person-confined:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-arrow-down-long:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-tent-arrow-down-to-line:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-mail-reply-all:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-person-skating:before {
    content: ""
}

.fa-skating:before {
    content: ""
}

.fa-filter-circle-dollar:before {
    content: ""
}

.fa-funnel-dollar:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-circle-arrow-down:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-file-import:before {
    content: ""
}

.fa-arrow-right-to-file:before {
    content: ""
}

.fa-square-arrow-up-right:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-location-pin-lock:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-hill-avalanche:before {
    content: ""
}

.fa-temperature-empty:before {
    content: ""
}

.fa-temperature-0:before {
    content: ""
}

.fa-thermometer-0:before {
    content: ""
}

.fa-thermometer-empty:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-address-card:before {
    content: ""
}

.fa-contact-card:before {
    content: ""
}

.fa-vcard:before {
    content: ""
}

.fa-scale-unbalanced-flip:before {
    content: ""
}

.fa-balance-scale-right:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-diamond-turn-right:before {
    content: ""
}

.fa-directions:before {
    content: ""
}

.fa-burst:before {
    content: ""
}

.fa-house-laptop:before {
    content: ""
}

.fa-laptop-house:before {
    content: ""
}

.fa-face-tired:before {
    content: ""
}

.fa-tired:before {
    content: ""
}

.fa-money-bills:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-cloud-arrow-up:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-cloud-upload-alt:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-arrows-turn-right:before {
    content: ""
}

.fa-vest:before {
    content: ""
}

.fa-ferry:before {
    content: ""
}

.fa-arrows-down-to-people:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sprout:before {
    content: ""
}

.fa-left-right:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-boxes-packing:before {
    content: ""
}

.fa-circle-arrow-left:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-group-arrows-rotate:before {
    content: ""
}

.fa-bowl-food:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-arrow-down-wide-short:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-cloud-bolt:before {
    content: ""
}

.fa-thunderstorm:before {
    content: ""
}

.fa-text-slash:before {
    content: ""
}

.fa-remove-format:before {
    content: ""
}

.fa-face-smile-wink:before {
    content: ""
}

.fa-smile-wink:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-arrows-left-right:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-house-lock:before {
    content: ""
}

.fa-cloud-arrow-down:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-download-alt:before {
    content: ""
}

.fa-children:before {
    content: ""
}

.fa-chalkboard:before {
    content: ""
}

.fa-blackboard:before {
    content: ""
}

.fa-user-large-slash:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-handshake-simple-slash:before {
    content: ""
}

.fa-handshake-alt-slash:before {
    content: ""
}

.fa-mattress-pillow:before {
    content: ""
}

.fa-guarani-sign:before {
    content: ""
}

.fa-arrows-rotate:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-cruzeiro-sign:before {
    content: ""
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-shield-halved:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-book-atlas:before {
    content: ""
}

.fa-atlas:before {
    content: ""
}

.fa-virus:before {
    content: ""
}

.fa-envelope-circle-check:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-arrows-to-dot:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-heart-circle-check:before {
    content: ""
}

.fa-house-chimney-crack:before {
    content: ""
}

.fa-house-damage:before {
    content: ""
}

.fa-file-zipper:before {
    content: ""
}

.fa-file-archive:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-martini-glass-empty:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cedi-sign:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-z:before {
    content: "Z"
}

.fa-person-skiing:before {
    content: ""
}

.fa-skiing:before {
    content: ""
}

.fa-road-lock:before {
    content: ""
}

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

.fa-temperature-arrow-down:before {
    content: ""
}

.fa-temperature-down:before {
    content: ""
}

.fa-feather-pointed:before {
    content: ""
}

.fa-feather-alt:before {
    content: ""
}

.fa-p:before {
    content: "P"
}

.fa-snowflake:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-rectangle-ad:before {
    content: ""
}

.fa-ad:before {
    content: ""
}

.fa-circle-arrow-right:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-filter-circle-xmark:before {
    content: ""
}

.fa-locust:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-unsorted:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-1-2:before {
    content: ""
}

.fa-list-numeric:before {
    content: ""
}

.fa-person-dress-burst:before {
    content: ""
}

.fa-money-check-dollar:before {
    content: ""
}

.fa-money-check-alt:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-face-kiss-wink-heart:before {
    content: ""
}

.fa-kiss-wink-heart:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-question:before {
    content: "?"
}

.fa-file-signature:before {
    content: ""
}

.fa-up-down-left-right:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-house-chimney-user:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-star-half-stroke:before {
    content: ""
}

.fa-star-half-alt:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-whiskey-glass:before {
    content: ""
}

.fa-glass-whiskey:before {
    content: ""
}

.fa-building-circle-exclamation:before {
    content: ""
}

.fa-magnifying-glass-chart:before {
    content: ""
}

.fa-arrow-up-right-from-square:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-cubes-stacked:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-krw:before {
    content: ""
}

.fa-won:before {
    content: ""
}

.fa-virus-covid:before {
    content: ""
}

.fa-austral-sign:before {
    content: ""
}

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

.fa-leaf:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-taxi:before {
    content: ""
}

.fa-cab:before {
    content: ""
}

.fa-person-circle-plus:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-bolt-lightning:before {
    content: ""
}

.fa-sack-xmark:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-fish-fins:before {
    content: ""
}

.fa-building-flag:before {
    content: ""
}

.fa-face-grin-beam:before {
    content: ""
}

.fa-grin-beam:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-location-pin:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-kaaba:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-helmet-safety:before {
    content: ""
}

.fa-hard-hat:before {
    content: ""
}

.fa-hat-hard:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-plane-circle-check:before {
    content: ""
}

.fa-face-rolling-eyes:before {
    content: ""
}

.fa-meh-rolling-eyes:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-mask-ventilator:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-signs-post:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-person-circle-question:before {
    content: ""
}

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

.fa-tarp:before {
    content: ""
}

.fa-screwdriver-wrench:before {
    content: ""
}

.fa-tools:before {
    content: ""
}

.fa-arrows-to-eye:before {
    content: ""
}

.fa-plug-circle-bolt:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-mars-and-venus:before {
    content: ""
}

.fa-house-user:before {
    content: ""
}

.fa-home-user:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-house-crack:before {
    content: ""
}

.fa-martini-glass-citrus:before {
    content: ""
}

.fa-cocktail:before {
    content: ""
}

.fa-face-surprise:before {
    content: ""
}

.fa-surprise:before {
    content: ""
}

.fa-bottle-water:before {
    content: ""
}

.fa-circle-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: ""
}

.fa-apple-whole:before {
    content: ""
}

.fa-apple-alt:before {
    content: ""
}

.fa-kitchen-set:before {
    content: ""
}

.fa-r:before {
    content: "R"
}

.fa-temperature-quarter:before {
    content: ""
}

.fa-temperature-1:before {
    content: ""
}

.fa-thermometer-1:before {
    content: ""
}

.fa-thermometer-quarter:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-bitcoin-sign:before {
    content: ""
}

.fa-shield-dog:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-elevator:before {
    content: ""
}

.fa-money-bill-transfer:before {
    content: ""
}

.fa-money-bill-trend-up:before {
    content: ""
}

.fa-house-flood-water-circle-arrow-right:before {
    content: ""
}

.fa-square-poll-horizontal:before {
    content: ""
}

.fa-poll-h:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-backward-fast:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-plane-slash:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-basketball:before {
    content: ""
}

.fa-basketball-ball:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-circle-up:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-mobile-screen-button:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-volume-high:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-users-rays:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-burger:before {
    content: ""
}

.fa-hamburger:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-bugs:before {
    content: ""
}

.fa-rupee-sign:before {
    content: ""
}

.fa-rupee:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-circle-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-handshake-slash:before {
    content: ""
}

.fa-book-bookmark:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-bridge:before {
    content: ""
}

.fa-phone-flip:before {
    content: ""
}

.fa-phone-alt:before {
    content: ""
}

.fa-truck-front:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-anchor-circle-exclamation:before {
    content: ""
}

.fa-truck-field:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-clipboard-question:before {
    content: ""
}

.fa-panorama:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-file-circle-minus:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-forward-fast:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-face-meh-blank:before {
    content: ""
}

.fa-meh-blank:before {
    content: ""
}

.fa-square-parking:before {
    content: ""
}

.fa-parking:before {
    content: ""
}

.fa-house-signal:before {
    content: ""
}

.fa-bars-progress:before {
    content: ""
}

.fa-tasks-alt:before {
    content: ""
}

.fa-faucet-drip:before {
    content: ""
}

.fa-cart-flatbed:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-ban-smoking:before {
    content: ""
}

.fa-smoking-ban:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-mobile-button:before {
    content: ""
}

.fa-house-medical-flag:before {
    content: ""
}

.fa-basket-shopping:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-bus-simple:before {
    content: ""
}

.fa-bus-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-face-sad-cry:before {
    content: ""
}

.fa-sad-cry:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-person-military-to-person:before {
    content: ""
}

.fa-file-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-tower-observation:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-signal-5:before {
    content: ""
}

.fa-signal-perfect:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-heart-circle-xmark:before {
    content: ""
}

.fa-house-chimney:before {
    content: ""
}

.fa-home-lg:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-face-frown:before {
    content: ""
}

.fa-frown:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-shop:before {
    content: ""
}

.fa-store-alt:before {
    content: ""
}

.fa-floppy-disk:before {
    content: ""
}

.fa-save:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-scale-unbalanced:before {
    content: ""
}

.fa-balance-scale-left:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-sort-asc:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-plant-wilt:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-face-grin-squint:before {
    content: ""
}

.fa-grin-squint:before {
    content: ""
}

.fa-hand-holding-dollar:before {
    content: ""
}

.fa-hand-holding-usd:before {
    content: ""
}

.fa-bacterium:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hands-praying:before {
    content: ""
}

.fa-praying-hands:before {
    content: ""
}

.fa-arrow-rotate-right:before {
    content: ""
}

.fa-arrow-right-rotate:before {
    content: ""
}

.fa-arrow-rotate-forward:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-location-crosshairs:before {
    content: ""
}

.fa-location:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-child-dress:before {
    content: ""
}

.fa-users-between-lines:before {
    content: ""
}

.fa-lungs-virus:before {
    content: ""
}

.fa-face-grin-tears:before {
    content: ""
}

.fa-grin-tears:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-calendar-xmark:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-child-reaching:before {
    content: ""
}

.fa-head-side-virus:before {
    content: ""
}

.fa-user-gear:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-arrow-up-1-9:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-shield-virus:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-mosquito-net:before {
    content: ""
}

.fa-bridge-water:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-person-digging:before {
    content: ""
}

.fa-digging:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-gauge-simple:before {
    content: ""
}

.fa-gauge-simple-med:before {
    content: ""
}

.fa-tachometer-average:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-quote-right-alt:before {
    content: ""
}

.fa-shirt:before {
    content: ""
}

.fa-t-shirt:before {
    content: ""
}

.fa-tshirt:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-tenge-sign:before {
    content: ""
}

.fa-tenge:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-hands-holding:before {
    content: ""
}

.fa-hands-clapping:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-person-circle-xmark:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-j:before {
    content: "J"
}

.fa-users-viewfinder:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-up-right-from-square:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-table-cells:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-book-bible:before {
    content: ""
}

.fa-bible:before {
    content: ""
}

.fa-o:before {
    content: "O"
}

.fa-suitcase-medical:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-person-dress:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-business-time:before {
    content: ""
}

.fa-briefcase-clock:before {
    content: ""
}

.fa-table-cells-large:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-book-tanakh:before {
    content: ""
}

.fa-tanakh:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-clipboard-user:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-plane-lock:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-cake-candles:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-cake:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-angles-up:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-arrow-right-to-city:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-arrow-up-9-1:before {
    content: ""
}

.fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-litecoin-sign:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-circle-nodes:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-truck-field-un:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-empty:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-user-doctor:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-circle-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-alt:before {
    content: ""
}

.fa-square-virus:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-car-on:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-arrow-down-1-9:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-hand-holding-droplet:before {
    content: ""
}

.fa-hand-holding-water:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-prescription-bottle-medical:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-person-cane:before {
    content: ""
}

.fa-tent:before {
    content: ""
}

.fa-vest-patches:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-arrow-down-a-z:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-money-bill-wheat:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-arrow-rotate-left:before {
    content: ""
}

.fa-arrow-left-rotate:before {
    content: ""
}

.fa-arrow-rotate-back:before {
    content: ""
}

.fa-arrow-rotate-backward:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-hard-drive:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-face-grin-squint-tears:before {
    content: ""
}

.fa-grin-squint-tears:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-rectangle-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-tarp-droplet:before {
    content: ""
}

.fa-house-medical-circle-check:before {
    content: ""
}

.fa-person-skiing-nordic:before {
    content: ""
}

.fa-skiing-nordic:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-train-subway:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-chart-gantt:before {
    content: ""
}

.fa-indian-rupee-sign:before {
    content: ""
}

.fa-indian-rupee:before {
    content: ""
}

.fa-inr:before {
    content: ""
}

.fa-crop-simple:before {
    content: ""
}

.fa-crop-alt:before {
    content: ""
}

.fa-money-bill-1:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-left-long:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-virus-slash:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-subtract:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-arrow-left-long:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-plug-circle-check:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-franc-sign:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-hands-asl-interpreting:before {
    content: ""
}

.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-asl-interpreting:before {
    content: ""
}

.fa-hands-american-sign-language-interpreting:before {
    content: ""
}

.fa-gear:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-droplet-slash:before {
    content: ""
}

.fa-tint-slash:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-mosquito:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-person-military-rifle:before {
    content: ""
}

.fa-cart-shopping:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-plug-circle-plus:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-arrow-turn-up:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-u:before {
    content: "U"
}

.fa-square-root-variable:before {
    content: ""
}

.fa-square-root-alt:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clock-four:before {
    content: ""
}

.fa-backward-step:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-faucet:before {
    content: ""
}

.fa-baseball-bat-ball:before {
    content: ""
}

.fa-s:before {
    content: "S"
}

.fa-timeline:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-house-chimney-medical:before {
    content: ""
}

.fa-clinic-medical:before {
    content: ""
}

.fa-temperature-three-quarters:before {
    content: ""
}

.fa-temperature-3:before {
    content: ""
}

.fa-thermometer-3:before {
    content: ""
}

.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-mobile-screen:before {
    content: ""
}

.fa-mobile-android-alt:before {
    content: ""
}

.fa-plane-up:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-battery-half:before {
    content: ""
}

.fa-battery-3:before {
    content: ""
}

.fa-mountain-city:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-folder-tree:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-cent-sign:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-person-pregnant:before {
    content: ""
}

.fa-wand-sparkles:before {
    content: ""
}

.fa-ellipsis-vertical:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-right-long:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-laptop-file:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-teletype:before {
    content: ""
}

.fa-diagram-next:before {
    content: ""
}

.fa-person-rifle:before {
    content: ""
}

.fa-house-medical-circle-exclamation:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-person-hiking:before {
    content: ""
}

.fa-hiking:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-people-pulling:before {
    content: ""
}

.fa-n:before {
    content: "N"
}

.fa-cable-car:before {
    content: ""
}

.fa-tram:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-building-circle-xmark:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-arrows-down-to-line:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-face-grin:before {
    content: ""
}

.fa-grin:before {
    content: ""
}

.fa-delete-left:before {
    content: ""
}

.fa-backspace:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-dropper-empty:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-file-circle-check:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-android:before {
    content: ""
}

.fa-mobile-phone:before {
    content: ""
}

.fa-face-meh:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-book-skull:before {
    content: ""
}

.fa-book-dead:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-drivers-license:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-dedent:before {
    content: ""
}

.fa-heart-circle-exclamation:before {
    content: ""
}

.fa-house:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-home-alt:before {
    content: ""
}

.fa-home-lg-alt:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-laptop-medical:before {
    content: ""
}

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

.fa-file-medical:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-arrow-right-arrow-left:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-rotate-right:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-rotate-forward:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-arrow-up-wide-short:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-mill-sign:before {
    content: ""
}

.fa-bowl-rice:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-tower-broadcast:before {
    content: ""
}

.fa-broadcast-tower:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-up-long:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-code-merge:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-hurricane:before {
    content: ""
}

.fa-mound:before {
    content: ""
}

.fa-toilet-portable:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-file-arrow-down:before {
    content: ""
}

.fa-file-download:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-shield-cat:before {
    content: ""
}

.fa-bolt:before {
    content: ""
}

.fa-zap:before {
    content: ""
}

.fa-glass-water:before {
    content: ""
}

.fa-oil-well:before {
    content: ""
}

.fa-vault:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-plane-circle-xmark:before {
    content: ""
}

.fa-yen-sign:before {
    content: ""
}

.fa-cny:before {
    content: ""
}

.fa-jpy:before {
    content: ""
}

.fa-rmb:before {
    content: ""
}

.fa-yen:before {
    content: ""
}

.fa-ruble-sign:before {
    content: ""
}

.fa-rouble:before {
    content: ""
}

.fa-rub:before {
    content: ""
}

.fa-ruble:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-face-laugh-wink:before {
    content: ""
}

.fa-laugh-wink:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-bore-hole:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrows-turn-to-dots:before {
    content: ""
}

.fa-florin-sign:before {
    content: ""
}

.fa-arrow-down-short-wide:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-amount-down-alt:before {
    content: ""
}

.fa-less-than:before {
    content: "<"
}

.fa-angle-down:before {
    content: ""
}

.fa-car-tunnel:before {
    content: ""
}

.fa-head-side-cough:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-arrow-right-long:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-anchor-circle-xmark:before {
    content: ""
}

.fa-ellipsis:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-kit-medical:before {
    content: ""
}

.fa-first-aid:before {
    content: ""
}

.fa-person-through-window:before {
    content: ""
}

.fa-toolbox:before {
    content: ""
}

.fa-hands-holding-circle:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-automobile:before {
    content: ""
}

.fa-hand-holding-hand:before {
    content: ""
}

.fa-book-open-reader:before {
    content: ""
}

.fa-book-reader:before {
    content: ""
}

.fa-mountain-sun:before {
    content: ""
}

.fa-arrows-left-right-to-line:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-truck-droplet:before {
    content: ""
}

.fa-file-circle-xmark:before {
    content: ""
}

.fa-temperature-arrow-up:before {
    content: ""
}

.fa-temperature-up:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-square-h:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-temperature-full:before {
    content: ""
}

.fa-temperature-4:before {
    content: ""
}

.fa-thermometer-4:before {
    content: ""
}

.fa-thermometer-full:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-plug-circle-xmark:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-handshake-angle:before {
    content: ""
}

.fa-hands-helping:before {
    content: ""
}

.fa-location-dot:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-file:before {
    content: ""
}

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

.fa-person-swimming:before {
    content: ""
}

.fa-swimmer:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-droplet:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-earth-americas:before {
    content: ""
}

.fa-earth:before {
    content: ""
}

.fa-earth-america:before {
    content: ""
}

.fa-globe-americas:before {
    content: ""
}

.fa-person-burst:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-battery-empty:before {
    content: ""
}

.fa-battery-0:before {
    content: ""
}

.fa-socks:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-section:before {
    content: ""
}

.fa-gauge-high:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tachometer-alt-fast:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-wide:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-bars-staggered:before {
    content: ""
}

.fa-reorder:before {
    content: ""
}

.fa-stream:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-person-walking-with-cane:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-heart-circle-bolt:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-check-to-slot:before {
    content: ""
}

.fa-vote-yea:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-boxes-stacked:before {
    content: ""
}

.fa-boxes:before {
    content: ""
}

.fa-boxes-alt:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-chain:before {
    content: ""
}

.fa-ear-listen:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-tree-city:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-rupiah-sign:before {
    content: ""
}

.fa-magnifying-glass:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-table-tennis-paddle-ball:before {
    content: ""
}

.fa-ping-pong-paddle-ball:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-person-dots-from-line:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-trash-can-arrow-up:before {
    content: ""
}

.fa-trash-restore-alt:before {
    content: ""
}

.fa-naira-sign:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-walkie-talkie:before {
    content: ""
}

.fa-file-pen:before {
    content: ""
}

.fa-file-edit:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-square-pen:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-person-circle-exclamation:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-battery-full:before {
    content: ""
}

.fa-battery:before {
    content: ""
}

.fa-battery-5:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-code-compare:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-dots:before {
    content: ""
}

.fa-school-lock:before {
    content: ""
}

.fa-tower-cell:before {
    content: ""
}

.fa-down-long:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-ranking-star:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-person-harassing:before {
    content: ""
}

.fa-brazilian-real-sign:before {
    content: ""
}

.fa-landmark-dome:before {
    content: ""
}

.fa-landmark-alt:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-television:before {
    content: ""
}

.fa-tv-alt:before {
    content: ""
}

.fa-shrimp:before {
    content: ""
}

.fa-list-check:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-jug-detergent:before {
    content: ""
}

.fa-circle-user:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-car-burst:before {
    content: ""
}

.fa-car-crash:before {
    content: ""
}

.fa-y:before {
    content: "Y"
}

.fa-person-snowboarding:before {
    content: ""
}

.fa-snowboarding:before {
    content: ""
}

.fa-truck-fast:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-circle-half-stroke:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-clapperboard:before {
    content: ""
}

.fa-circle-radiation:before {
    content: ""
}

.fa-radiation-alt:before {
    content: ""
}

.fa-baseball:before {
    content: ""
}

.fa-baseball-ball:before {
    content: ""
}

.fa-jet-fighter-up:before {
    content: ""
}

.fa-diagram-project:before {
    content: ""
}

.fa-project-diagram:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-volume-xmark:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-times:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: ""
}

.fa-grip:before {
    content: ""
}

.fa-grip-horizontal:before {
    content: ""
}

.fa-share-from-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-child-combatant:before {
    content: ""
}

.fa-child-rifle:before {
    content: ""
}

.fa-gun:before {
    content: ""
}

.fa-square-phone:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-plus:before {
    content: "+"
}

.fa-add:before {
    content: "+"
}

.fa-expand:before {
    content: ""
}

.fa-computer:before {
    content: ""
}

.fa-xmark:before {
    content: ""
}

.fa-close:before {
    content: ""
}

.fa-multiply:before {
    content: ""
}

.fa-remove:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-arrows-up-down-left-right:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-chalkboard-user:before {
    content: ""
}

.fa-chalkboard-teacher:before {
    content: ""
}

.fa-peso-sign:before {
    content: ""
}

.fa-building-shield:before {
    content: ""
}

.fa-baby:before {
    content: ""
}

.fa-users-line:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-left-alt:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trash-arrow-up:before {
    content: ""
}

.fa-trash-restore:before {
    content: ""
}

.fa-arrow-down-up-lock:before {
    content: ""
}

.fa-lines-leaning:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

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

.fa-blender:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-ils:before {
    content: ""
}

.fa-shekel:before {
    content: ""
}

.fa-sheqel:before {
    content: ""
}

.fa-sheqel-sign:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-photo-film:before {
    content: ""
}

.fa-photo-video:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-store:before {
    content: ""
}

.fa-arrow-trend-up:before {
    content: ""
}

.fa-plug-circle-minus:before {
    content: ""
}

.fa-sign-hanging:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-android:before {
    content: ""
}

.fa-school-flag:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-bacteria:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-notdef:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-car-rear:before {
    content: ""
}

.fa-car-alt:before {
    content: ""
}

.fa-pump-soap:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-battery-quarter:before {
    content: ""
}

.fa-battery-2:before {
    content: ""
}

.fa-radio:before {
    content: ""
}

.fa-baby-carriage:before {
    content: ""
}

.fa-carriage-baby:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-percent:before {
    content: "%"
}

.fa-percentage:before {
    content: "%"
}

.fa-truck-moving:before {
    content: ""
}

.fa-glass-water-droplet:before {
    content: ""
}

.fa-display:before {
    content: ""
}

.fa-face-smile:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-person-praying:before {
    content: ""
}

.fa-pray:before {
    content: ""
}

.fa-hammer:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-rotate:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-gears:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-arrow-up-right-dots:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-face-grin-hearts:before {
    content: ""
}

.fa-grin-hearts:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-arrow-turn-down:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-person-falling-burst:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-ticket-simple:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-angles-left:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-clock-rotate-left:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-face-grin-beam-sweat:before {
    content: ""
}

.fa-grin-beam-sweat:before {
    content: ""
}

.fa-file-export:before {
    content: ""
}

.fa-arrow-right-from-file:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-shield-blank:before {
    content: ""
}

.fa-arrow-up-short-wide:before {
    content: ""
}

.fa-sort-amount-up-alt:before {
    content: ""
}

.fa-house-medical:before {
    content: ""
}

.fa-golf-ball-tee:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-circle-chevron-left:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-house-chimney-window:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-tent-arrow-turn-left:before {
    content: ""
}

.fa-tents:before {
    content: ""
}

.fa-wand-magic:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-wine-glass-empty:before {
    content: ""
}

.fa-wine-glass-alt:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-code-commit:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-person-biking:before {
    content: ""
}

.fa-biking:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-shield-heart:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-earth-oceania:before {
    content: ""
}

.fa-globe-oceania:before {
    content: ""
}

.fa-square-xmark:before {
    content: ""
}

.fa-times-square:before {
    content: ""
}

.fa-xmark-square:before {
    content: ""
}

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

.fa-up-right-and-down-left-from-center:before {
    content: ""
}

.fa-expand-alt:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-t:before {
    content: "T"
}

.fa-hippo:before {
    content: ""
}

.fa-chart-column:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-vial-circle-check:before {
    content: ""
}

.fa-person-arrow-down-to-line:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-person-walking-luggage:before {
    content: ""
}

.fa-up-down:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-trailer:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-haykal:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-circle-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-face-grin-tongue-wink:before {
    content: ""
}

.fa-grin-tongue-wink:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-plug-circle-exclamation:before {
    content: ""
}

.fa-link-slash:before {
    content: ""
}

.fa-chain-broken:before {
    content: ""
}

.fa-chain-slash:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-person-walking-arrow-loop-left:before {
    content: ""
}

.fa-arrow-up-z-a:before {
    content: ""
}

.fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-fire-flame-curved:before {
    content: ""
}

.fa-fire-alt:before {
    content: ""
}

.fa-tornado:before {
    content: ""
}

.fa-file-circle-plus:before {
    content: ""
}

.fa-book-quran:before {
    content: ""
}

.fa-quran:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-face-angry:before {
    content: ""
}

.fa-angry:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-arrow-trend-down:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-feed:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-scale-balanced:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-gauge-simple-high:before {
    content: ""
}

.fa-tachometer:before {
    content: ""
}

.fa-tachometer-fast:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-desktop-alt:before {
    content: ""
}

.fa-m:before {
    content: "M"
}

.fa-table-list:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-comment-sms:before {
    content: ""
}

.fa-sms:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-4:before {
    content: ""
}

.fa-house-circle-check:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-diagram-successor:before {
    content: ""
}

.fa-truck-arrow-right:before {
    content: ""
}

.fa-arrows-split-up-and-left:before {
    content: ""
}

.fa-hand-fist:before {
    content: ""
}

.fa-fist-raised:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-person-falling:before {
    content: ""
}

.fa-image-portrait:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-rug:before {
    content: ""
}

.fa-earth-europe:before {
    content: ""
}

.fa-globe-europe:before {
    content: ""
}

.fa-cart-flatbed-suitcase:before {
    content: ""
}

.fa-luggage-cart:before {
    content: ""
}

.fa-rectangle-xmark:before {
    content: ""
}

.fa-rectangle-times:before {
    content: ""
}

.fa-times-rectangle:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-baht-sign:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-journal-whills:before {
    content: ""
}

.fa-journal-whills:before {
    content: ""
}

.fa-handcuffs:before {
    content: ""
}

.fa-triangle-exclamation:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-warning:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-arrow-turn-right:before {
    content: ""
}

.fa-mail-forward:before {
    content: ""
}

.fa-bottle-droplet:before {
    content: ""
}

.fa-mask-face:before {
    content: ""
}

.fa-hill-rockslide:before {
    content: ""
}

.fa-right-left:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-road-circle-exclamation:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-money-bill-1-wave:before {
    content: ""
}

.fa-money-bill-wave-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-hands:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-signing:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-water-ladder:before {
    content: ""
}

.fa-ladder-water:before {
    content: ""
}

.fa-swimming-pool:before {
    content: ""
}

.fa-arrows-up-down:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-face-grimace:before {
    content: ""
}

.fa-grimace:before {
    content: ""
}

.fa-wheelchair-move:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-turn-down:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-person-walking-arrow-right:before {
    content: ""
}

.fa-square-envelope:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-bandage:before {
    content: ""
}

.fa-band-aid:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-circle-xmark:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-xmark-circle:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-earth-asia:before {
    content: ""
}

.fa-globe-asia:before {
    content: ""
}

.fa-id-card-clip:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-magnifying-glass-plus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-hand-dots:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-mug-saucer:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-magnifying-glass-minus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-user-large:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-train-tram:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-jar:before {
    content: ""
}

.fa-note-sticky:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-bug-slash:before {
    content: ""
}

.fa-arrow-up-from-water-pump:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-face-sad-tear:before {
    content: ""
}

.fa-sad-tear:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-tent-arrows-down:before {
    content: ""
}

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

.fa-arrows-spin:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-turkish-lira-sign:before {
    content: ""
}

.fa-try:before {
    content: ""
}

.fa-turkish-lira:before {
    content: ""
}

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

.fa-dollar:before {
    content: "$"
}

.fa-usd:before {
    content: "$"
}

.fa-x:before {
    content: "X"
}

.fa-magnifying-glass-dollar:before {
    content: ""
}

.fa-search-dollar:before {
    content: ""
}

.fa-users-gear:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-person-military-pointing:before {
    content: ""
}

.fa-building-columns:before {
    content: ""
}

.fa-bank:before {
    content: ""
}

.fa-institution:before {
    content: ""
}

.fa-museum:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-trowel:before {
    content: ""
}

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

.fa-stapler:before {
    content: ""
}

.fa-masks-theater:before {
    content: ""
}

.fa-theater-masks:before {
    content: ""
}

.fa-kip-sign:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-handshake-simple:before {
    content: ""
}

.fa-handshake-alt:before {
    content: ""
}

.fa-jet-fighter:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-square-share-nodes:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-plus-minus:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-mortar-board:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: ""
}

.fa-person-circle-check:before {
    content: ""
}

.fa-turn-up:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.sr-only, .fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus), .fa-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
}

/*!
* Font Awesome Free 6.4.0 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 2023 Fonticons, Inc.
*/
:root, :host {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --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/74833209.woff2) format("woff2"), url(../fonts/20c4a58b.ttf) format("truetype")
}

.fab, .fa-brands {
    font-weight: 400
}

.fa-monero:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-square-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-square-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-square-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-square-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-square-snapchat:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-square-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-square-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-square-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-square-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-rendact:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-nfc-directional:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-meta:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-square-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-square-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-square-github:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-square-gitlab:before {
    content: ""
}

.fa-gitlab-square:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-square-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-square-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-nfc-symbol:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-square-google-plus:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-square-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-42-group:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-square-pied-piper:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-square-facebook:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-square-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-screenpal:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-wirsindhandwerk:before {
    content: ""
}

.fa-wsh:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-square-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-space-awesome:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-square-git:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-square-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-stubber:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-odysee:before {
    content: ""
}

.fa-square-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #272822;
    color: #ddd
}

.hljs-keyword, .hljs-literal, .hljs-name, .hljs-selector-tag, .hljs-strong, .hljs-tag {
    color: #f92672
}

.hljs-code {
    color: #66d9ef
}

.hljs-attribute, .hljs-link, .hljs-regexp, .hljs-symbol {
    color: #bf79db
}

.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-emphasis, .hljs-section, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-string, .hljs-subst, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type, .hljs-variable {
    color: #a6e22e
}

.hljs-class .hljs-title, .hljs-title.class_ {
    color: #fff
}

.hljs-comment, .hljs-deletion, .hljs-meta, .hljs-quote {
    color: #75715e
}

.hljs-doctag, .hljs-keyword, .hljs-literal, .hljs-section, .hljs-selector-id, .hljs-selector-tag, .hljs-title, .hljs-type {
    font-weight: 700
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #000000e6;
    fill: #000000e6;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input, .numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7 ch�;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #00000080;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: #0000008a;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translateZ(0);
    opacity: 1
}

.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #3939391a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #3939394d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.auto-textarea-block {
    min-height: 400px !important;
    max-height: 400px !important
}

.auto-textarea-input {
    overflow-y: scroll !important
}

.ck-body-wrapper {
    position: absolute
}

.progress[data-v-3354ad5f] {
    width: 200pt;
    height: 10pt;
    margin: 0 auto;
    background-color: #333
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    height: 38px;
    background: #fff;
    display: block
}

.multiselect__spinner:after, .multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid transparent;
    border-top-color: #41b883;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity: 0
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family: inherit;
    font-size: 16px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.multiselect {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    -webkit-transition: border .1s ease;
    transition: border .1s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input::-webkit-input-placeholder {
    color: #35495e
}

.multiselect__input::-moz-placeholder {
    color: #35495e
}

.multiselect__input:-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
    width: auto
}

.multiselect__input:hover, .multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus, .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "×";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: #369a6e
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current, .multiselect__select {
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: #fff
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver;
    background: inherit
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #ededed !important;
    color: #a6a6a6 !important;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active, .multiselect-leave-active {
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.multiselect-enter, .multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@-webkit-keyframes spinning {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes spinning {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

[v-cloak] {
    display: none
}

.action-link[data-v-c76ef42f], .action-link[data-v-cdf8125a] {
    cursor: pointer
}

p[data-v-cdf8125a], span[data-v-cdf8125a] {
    color: #000
}

.action-link[data-v-15e4f3f0] {
    cursor: pointer
}

p[data-v-15e4f3f0], span[data-v-15e4f3f0] {
    color: #000
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important
    }
}

.ps {
    position: relative
}