.--color-primary {
    color: var(--color-primary);
}
.--color-secondary {
    color: var(--color-secondary);
}
.--color-gray {
    color: #999999;
}

.--bg-primary {
    background: var(--color-primary);
}
.--bg-secondary {
    background: var(--color-secondary);
}
.--bg-gray {
    background: #999999;
}
.--bg-footer {
    background: var(--color-footer-bg);
}





#app {
    position: relative;
}
#app.--dark, #app.--dark .srp {
    background: #131415 !important;
}
#app.--dark .default__header {
    color: #fff !important;
}
#app.--dark .blog-posts__recent-post {
    color: #9E9E9E !important;
    border-color: #333435;
}


.default__header {
    color: var(--color-primary);
    font-weight: bolder;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: normal;
    margin: 16px 0;
}

.default__header.--small {
    font-size: 1rem;
    line-height: 1.3rem;
    margin: 8px 0;
}
.default__header-disclaimer {
    font-size: 0.9rem;
    line-height: 0.9rem;
    color: #777;
    font-weight: 400;
    margin-top: 5px;
}

.default__disclaimer {
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #888;
    font-weight: 400;
}

.text-h6 {
    line-height: 1.7rem;
}






.fade-enter-active, .fade-leave-active {
    transition: opacity .2s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}
[v-cloak] {
    display: none;
}

[v-cloak] + #loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-top-color: var(--color-primary);
    animation: spinner .6s linear infinite;
}
@keyframes spinner {
    to {transform: rotate(360deg);}
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea,
.q-select__autocomplete-input {
    font-size: 16px;
}

.q-dialog__backdrop {
    background: rgba(0, 0, 0, 0.55) !important;
}
.q-field__marginal {
    font-size: 18px !important;
}
.q-message-text {
    padding: 12px !important;
}



.ywa-10000 {
    display: none !important;
}