/*
Theme Name: Cosy
Theme URI: https://www.nicetheme.cn
Author: nicetheme
Author URI: https://www.nicetheme.cn
Description: Cosy is a multi-functional WordPress theme with vivid layouts and awesome article styles. Words, videos, and pictures can be easily exhibited in a wonderful way. She is a simple yet powerful theme as always.
Version: 5.3.0
License URI: LICENSE
Text Domain: cosy
*/

@media (max-width: 767.98px) {

    .row.g-1,
    .row.gy-1 {
        --bs-gutter-y: 0.25rem;
    }

    .row.g-1,
    .row.gx-1 {
        --bs-gutter-x: 0.25rem;
    }

    .row.g-2,
    .row.gx-2 {
        --bs-gutter-x: 0.6875rem;
    }

    .row.g-2,
    .row.gy-2 {
        --bs-gutter-y: 0.6875rem;
    }

}

@media (min-width: 992px) {
    .py-lg-36 {
        padding: 2.5rem 0 !important;
    }
}

@media (min-width: 1400px) {
    .post-wrapper {
        width: 71%;
    }

    .site-sidebar {
        width: 29%;
    }
}

/*--------------------------------------------------------------
## Text color style
--------------------------------------------------------------*/

.text-primary {
    color: var(--color-primary) !important;
}

.text-dark {
    color: var(--color-dark) !important;
}

.text-secondary {
    color: var(--color-secondary) !important;
}

.text-muted {
    color: var(--color-muted) !important;
}

.text-light {
    color: var(--color-light) !important;
}

.text-danger {
    color: var(--color-danger) !important;
}

.text-warning {
    color: var(--color-warning) !important;
}

/*--------------------------------------------------------------
## Background style
--------------------------------------------------------------*/

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-dark {
    background-color: var(--bg-dark) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.bg-light {
    background-color: var(--bg-light) !important;
}

.bg-white {
    background-color: var(--bg-white) !important;
}

.bg-white-overlay {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.35);
}

.bg-dark-overlay {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.33);
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bg-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.bg-poster {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-fixed {
    background-attachment: fixed;
}

body[data-scheme="dark"] .bg-dark {
    background-color: var(--bg-dark) !important;
}

body[data-scheme="dark"] .bg-secondary {
    background-color: var(--bg-secondary) !important;
}

body[data-scheme="dark"] .bg-light {
    background-color: var(--bg-light) !important;
}

body[data-scheme="dark"] .bg-white-overlay {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.35);
}

body[data-scheme="dark"] .bg-dark-overlay {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.33);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .bg-dark {
        background-color: var(--bg-dark) !important;
    }

    body[data-scheme="auto"] .bg-secondary {
        background-color: var(--bg-secondary) !important;
    }

    body[data-scheme="auto"] .bg-light {
        background-color: var(--bg-light) !important;
    }

    body[data-scheme="auto"] .bg-white-overlay {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.35);
    }

    body[data-scheme="auto"] .bg-dark-overlay {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.33);
    }
}

/*--------------------------------------------------------------
## Buttons
  --------------------------------------------------------------*/

.btn {
    border-radius: var(--border-radius-sm);
    padding: .5rem 1.625rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    box-shadow: none !important;
}

.btn.disabled,
.btn:disabled {
    color: var(--color-muted);
    background-color: var(--bg-light);
    border-color: var(--bg-light);
}

.btn.loading {
    position: relative;
    cursor: wait !important;
    color: var(--color-muted);
    border-color: var(--gray-3);
    background-color: var(--gray-3);
    pointer-events: none;
}

body[data-scheme="dark"] .btn.loading {
    color: var(--color-light);
    border-color: var(--gray-5);
    background-color: var(--gray-5);
}

body[data-scheme="dark"] .btn.disabled,
body[data-scheme="dark"] .btn:disabled {
    color: var(--color-light);
    background-color: var(--bg-muted);
    border-color: var(--bg-muted);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn.loading {
        color: var(--color-light);
        border-color: var(--gray-5);
        background-color: var(--gray-5);
    }
}

/*--------------------------------------------------------------
## Button style
  --------------------------------------------------------------*/

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary);
    --bs-btn-active-border-color: var(--color-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-primary);
    --bs-btn-disabled-border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    opacity: 0.8;
}

/*--------------------------------------------------------------
## Button secondary style
  --------------------------------------------------------------*/

.btn-secondary {
    --bs-btn-color: var(--color-light);
    --bs-btn-bg: var(--bg-secondary);
    --bs-btn-border-color: var(--bg-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bg-muted);
    --bs-btn-hover-border-color: var(--bg-muted);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-muted);
    --bs-btn-active-border-color: var(--bg-muted);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-muted);
    --bs-btn-disabled-bg: var(--bg-secondary);
    --bs-btn-disabled-border-color: var(--bg-secondary);
}

body[data-scheme="dark"] .btn-secondary {
    --bs-btn-color: var(--color-light);
    --bs-btn-bg: var(--bg-secondary);
    --bs-btn-border-color: var(--bg-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bg-light);
    --bs-btn-hover-border-color: var(--bg-light);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-light);
    --bs-btn-active-border-color: var(--bg-light);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: var(--bg-secondary);
    --bs-btn-disabled-border-color: var(--bg-secondary);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn-secondary {
        --bs-btn-color: var(--color-light);
        --bs-btn-bg: var(--bg-secondary);
        --bs-btn-border-color: var(--bg-secondary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bg-dark);
        --bs-btn-hover-border-color: var(--bg-dark);
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-focus-box-shadow: none;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bg-dark);
        --bs-btn-active-border-color: var(--bg-dark);
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: var(--color-light);
        --bs-btn-disabled-bg: var(--bg-secondary);
        --bs-btn-disabled-border-color: var(--bg-secondary);
    }
}

/*--------------------------------------------------------------
## Button light style
  --------------------------------------------------------------*/

.btn-light {
    --bs-btn-color: var(--color-muted);
    --bs-btn-bg: var(--bg-light);
    --bs-btn-border-color: var(--bg-light);
    --bs-btn-hover-color: var(--color-dark);
    --bs-btn-hover-bg: var(--bg-light);
    --bs-btn-hover-border-color: var(--bg-light);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: var(--color-dark);
    --bs-btn-active-bg: var(--border-light);
    --bs-btn-active-border-color: var(--bg-light);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: var(--bg-light);
    --bs-btn-disabled-border-color: var(--bg-light);
}

body[data-scheme="dark"] .btn-light {
    --bs-btn-color: var(--color-light);
    --bs-btn-bg: var(--bg-light);
    --bs-btn-border-color: var(--bg-light);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bg-muted);
    --bs-btn-hover-border-color: var(--bg-muted);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-muted);
    --bs-btn-active-border-color: var(--bg-muted);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: var(--bg-light);
    --bs-btn-disabled-border-color: var(--bg-light);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn-light {
        --bs-btn-color: var(--color-light);
        --bs-btn-bg: var(--bg-light);
        --bs-btn-border-color: var(--bg-light);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bg-muted);
        --bs-btn-hover-border-color: var(--bg-muted);
        --bs-btn-focus-shadow-rgb: 211, 212, 213;
        --bs-btn-focus-box-shadow: none;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bg-muted);
        --bs-btn-active-border-color: var(--bg-muted);
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: var(--color-light);
        --bs-btn-disabled-bg: var(--bg-light);
        --bs-btn-disabled-border-color: var(--bg-light);
    }
}

/*--------------------------------------------------------------
## Button dark style
  --------------------------------------------------------------*/

.btn-dark {
    --bs-btn-color: var(--gray-1);
    --bs-btn-bg: var(--bg-dark);
    --bs-btn-border-color: var(--bg-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bg-secondary);
    --bs-btn-hover-border-color: var(--bg-secondary);
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-secondary);
    --bs-btn-active-border-color: var(--border-secondary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: var(--bg-secondary);
    --bs-btn-disabled-border-color: var(--border-secondary);
}

body[data-scheme="dark"] .btn-dark {
    --bs-btn-color: var(--color-light);
    --bs-btn-bg: var(--bg-dark);
    --bs-btn-border-color: var(--bg-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bg-light);
    --bs-btn-hover-border-color: var(--bg-light);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-light);
    --bs-btn-active-border-color: var(--bg-light);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: var(--bg-secondary);
    --bs-btn-disabled-border-color: var(--bg-secondary);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn-dark {
        --bs-btn-color: var(--color-light);
        --bs-btn-bg: var(--bg-secondary);
        --bs-btn-border-color: var(--bg-secondary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bg-dark);
        --bs-btn-hover-border-color: var(--bg-dark);
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-focus-box-shadow: none;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bg-dark);
        --bs-btn-active-border-color: var(--bg-dark);
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: var(--color-light);
        --bs-btn-disabled-bg: var(--bg-secondary);
        --bs-btn-disabled-border-color: var(--bg-secondary);
    }
}

/*--------------------------------------------------------------
## Button danger style
  --------------------------------------------------------------*/
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-danger);
    --bs-btn-border-color: var(--color-danger);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-danger);
    --bs-btn-hover-border-color: var(--color-danger);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-danger);
    --bs-btn-active-border-color: var(--color-danger);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-danger);
    --bs-btn-disabled-border-color: var(--color-danger);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active {
    opacity: .8;
}

.btn-danger:disabled,
.btn-danger.disabled {
    opacity: .6;
}

/*--------------------------------------------------------------
## Button link style
  --------------------------------------------------------------*/
.btn-link {
    --bs-btn-color: var(--color-muted);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--color-secondary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--color-secondary);
    --bs-btn-font-weight: 400;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    text-decoration: underline
}

body[data-scheme="dark"] .btn-link {
    --bs-btn-color: var(--color-muted);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--color-secondary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--color-secondary);
    --bs-btn-font-weight: 400;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn-link {
        --bs-btn-color: var(--border-color);
        --bs-btn-hover-color: #fff;
        --bs-btn-active-color: #fff;
    }
}

/*--------------------------------------------------------------
## Button success style
  --------------------------------------------------------------*/
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-success);
    --bs-btn-border-color: var(--color-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-success);
    --bs-btn-hover-border-color: var(--color-success);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-success);
    --bs-btn-active-border-color: var(--color-success);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-success);
    --bs-btn-disabled-border-color: var(--color-success);
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active {
    opacity: .8;
}

.btn-success:disabled,
.btn-success.disabled {
    opacity: .6;
}

/*--------------------------------------------------------------
## Button outline style
  --------------------------------------------------------------*/
.btn-outline-primary {
    --bs-btn-color: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary);
    --bs-btn-active-border-color: var(--color-primary);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-primary);
    --bs-gradient: none;
}

/*--------------------------------------------------------------
## Button outline dark style
  --------------------------------------------------------------*/
.btn-outline-dark {
    --bs-btn-color: var(--color-muted);
    --bs-btn-border-color: var(--border-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gray-5);
    --bs-btn-hover-border-color: var(--gray-5);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gray-5);
    --bs-btn-active-border-color: var(--gray-5);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--border-secondary);
    --bs-gradient: none;
}

/*--------------------------------------------------------------
## Button outline secondary style
  --------------------------------------------------------------*/
.btn-outline-secondary {
    --bs-btn-color: var(--color-muted);
    --bs-btn-border-color: var(--border-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gray-5);
    --bs-btn-hover-border-color: var(--gray-5);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gray-5);
    --bs-btn-active-border-color: var(--gray-5);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--border-secondary);
    --bs-gradient: none;

}

/*--------------------------------------------------------------
## Button outline light style
  --------------------------------------------------------------*/

.btn-outline-light {
    --bs-btn-color: var(--color-muted);
    --bs-btn-border-color: var(--border-color);
    --bs-btn-hover-color: var(--color-secondary);
    --bs-btn-hover-bg: var(--gray-1);
    --bs-btn-hover-border-color: var(--gray-3);
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: var(--color-secondary);
    --bs-btn-active-bg: var(--gray-1);
    --bs-btn-active-border-color: var(--gray-3);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--border-color);
    --bs-gradient: none;
}

body[data-scheme="dark"] .btn-outline-light {
    --bs-btn-color: var(--color-light);
    --bs-btn-border-color: var(--border-light);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gray-5);
    --bs-btn-hover-border-color: var(--gray-5);
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gray-5);
    --bs-btn-active-border-color: var(--gray-5);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--border-light);
    --bs-gradient: none;
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .btn-outline-light {
        --bs-btn-color: var(--color-light);
        --bs-btn-border-color: var(--border-light);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--gray-5);
        --bs-btn-hover-border-color: var(--gray-5);
        --bs-btn-focus-shadow-rgb: 248, 249, 250;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--gray-5);
        --bs-btn-active-border-color: var(--gray-5);
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: var(--color-secondary);
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--border-light);
        --bs-gradient: none;
    }
}

/*--------------------------------------------------------------
## Button size style
  --------------------------------------------------------------*/

.btn-xs {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
}

.btn-sm {
    font-size: 0.875rem;
    padding: 0.3125rem .875rem;
}

.btn-lg {
    font-size: 1.125rem;
    padding: 0.625rem 2rem;
}

.btn-block {
    width: 100%;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.btn-xs.btn-rounded {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.btn-lg.btn-rounded {
    border-radius: 4rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-sm {
        font-size: 0.8125rem;
    }

    .btn-lg {
        font-size: 0.9375rem;
    }
}

@media (max-width: 767.98px) {
    .btn {
        font-size: .875rem;
        padding: 0.5rem 1.625rem;
    }

    .btn-xs {
        font-size: .75rem;
        padding: 0.25rem 0.75rem;
    }

    .btn-sm {
        font-size: 0.75rem;
        padding: 0.25rem 0.9375rem;
    }

    .btn-lg {
        font-size: 1rem;
        padding: 0.625rem 1.75rem;
    }
}

/*--------------------------------------------------------------
## Button radius style
  --------------------------------------------------------------*/

.btn-rounded {
    border-radius: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/*--------------------------------------------------------------
## Button width style
  --------------------------------------------------------------*/

.btn-w-xs {
    min-width: 65px;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.btn-w-sm {
    min-width: 75px;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.btn-w-md {
    min-width: 95px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.btn-w-lg {
    min-width: 11rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.btn-w-xl {
    min-width: 12rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (max-width: 767.98px) {
    .btn-sm.btn-w-sm {
        min-width: 60px;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .btn-sm.btn-w-md {
        min-width: 80px;
    }

    .btn-lg.btn-w-lg {
        min-width: 135px;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btn-w-lg {
        min-width: 135px;
    }
}

@media (min-width: 768px) {
    .btn-sm.btn-w-md {
        min-width: 85px;
    }

    .btn-sm.btn-w-sm {
        min-width: 70px;
    }
}

/*--------------------------------------------------------------
## Button icon style
  --------------------------------------------------------------*/

.btn-icon {
    position: relative;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0;
    font-size: 1.5rem;
    text-align: center;
}

.btn-icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon small {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.75rem;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 10px;
    color: #fff;
    background-color: var(--color-danger);
    transform: translate(12%, -30%);
    z-index: 2;
}

.btn-icon:hover,
.btn-icon:active,
.btn-icon:focus {
    box-shadow: none;
}

.btn-icon.btn-xs {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    font-size: 1.125rem;
}

.btn-icon.btn-sm {
    width: 2.1875rem;
    height: 2.1875rem;
    padding: 0;
    font-size: 1.25rem;
}

.btn-icon.btn-md {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    font-size: 1.5rem;
}

.btn-icon.btn-lg {
    width: 3rem;
    height: 3rem;
    padding: 0;
    font-size: 1.5rem;
}

.btn-icon.btn-rounded {
    border-radius: 5rem;
}

@media (max-width: 767.98px) {
    .btn-icon.btn-md {
        width: 2.375rem;
        height: 2.375rem;
        font-size: 1.125rem;
    }

    .btn-icon.btn-lg {
        width: 2.625rem;
        height: 2.625rem;
        padding: 0;
        font-size: 1.5rem;
    }
}

/*--------------------------------------------------------------
## Border
--------------------------------------------------------------*/
.border-dark {
    border-color: var(--border-dark) !important;
}

.border-secondary {
    border-color: var(--border-secondary) !important;
}

.border-muted {
    border-color: var(--border-muted) !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.border-light {
    border-color: var(--border-color) !important;
}

/*--------------------------------------------------------------
## Border radius
--------------------------------------------------------------*/

.rounded {
    border-radius: var(--border-radius-sm) !important;
}

.rounded-1 {
    border-radius: var(--border-radius-xs) !important;
}

.rounded-2 {
    border-radius: var(--border-radius-md) !important;
}

.rounded-3 {
    border-radius: var(--border-radius-lg) !important;
}

/*--------------------------------------------------------------
## Form control
--------------------------------------------------------------*/

.form-control {
    font-size: 1rem;
    padding: 0.5rem .875rem;
    border-color: var(--border-color);
    background-color: #fff;
    color: var(--color-muted);
    border-radius: var(--border-radius-sm);
    transition: all 0.15s ease-in-out;
}

.form-control:focus,
.form-control:active {
    color: var(--color-dark);
    border-color: var(--color-primary);
    background-color: #fff;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: var(--color-muted);
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: var(--color-muted);
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: var(--color-muted);
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: var(--color-muted);
    opacity: 1;
}

.form-control::placeholder {
    color: var(--color-muted);
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    color: var(--color-muted);
    background-color: #fff;
    border-color: var(--border-color);
    opacity: 1;
}

textarea.form-control {
    text-align: justify;
    height: auto;
    padding: 0.5rem 0.875rem;
}

.form-control-lg {
    padding: 0.625rem 1rem;
    font-size: 1.125rem;
}

@media (max-width: 767.98px) {
    .form-control {
        font-size: .875rem;
        padding: 0.5rem 0.75rem;
    }

    .form-control-lg {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}

body[data-scheme="dark"] .form-control {
    color: var(--color-muted);
    background-color: var(--bg-secondary);
}

body[data-scheme="dark"] .form-control:focus,
body[data-scheme="dark"] .form-control:active {
    color: #fff;
}

body[data-scheme="dark"] .form-control::-webkit-input-placeholder {
    color: var(--color-muted);
}

body[data-scheme="dark"] .form-control::-moz-placeholder {
    color: var(--color-muted);
}

body[data-scheme="dark"] .form-control:-ms-input-placeholder {
    color: var(--color-muted);
}

body[data-scheme="dark"] .form-control::-ms-input-placeholder {
    color: var(--color-muted);
}

body[data-scheme="dark"] .form-control::placeholder {
    color: var(--color-muted);
}

body[data-scheme="dark"] .form-control:disabled,
body[data-scheme="dark"] .form-control[readonly] {
    color: var(--color-light);
    border-color: var(--border-secondary);
    background-color: var(--bg-secondary);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .form-control {
        color: var(--color-muted);
        background-color: var(--bg-secondary);
    }

    body[data-scheme="auto"] .form-control:focus,
    body[data-scheme="auto"] .form-control:active {
        color: #fff;
    }

    body[data-scheme="auto"] .form-control::-webkit-input-placeholder {
        color: var(--color-muted);
    }

    body[data-scheme="auto"] .form-control::-moz-placeholder {
        color: var(--color-muted);
    }

    body[data-scheme="auto"] .form-control:-ms-input-placeholder {
        color: var(--color-muted);
    }

    body[data-scheme="auto"] .form-control::-ms-input-placeholder {
        color: var(--color-muted);
    }

    body[data-scheme="auto"] .form-control::placeholder {
        color: var(--color-muted);
    }

    body[data-scheme="auto"] .form-control:disabled,
    body[data-scheme="auto"] .form-control[readonly] {
        color: var(--color-light);
        border-color: var(--border-secondary);
        background-color: var(--bg-secondary);
    }
}

/*--------------------------------------------------------------
Form check style
--------------------------------------------------------------*/

.form-check {
    min-height: 0;
    padding-left: 2rem;
    margin-bottom: 0;
}

.form-check .form-check-input {
    margin-left: -1.875rem;
}

.form-check-input {
    width: 18px;
    height: 18px;
    background-color: var(--bg-light);
    border-color: var(--bg-light);
    margin-top: 3px;
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: var(--bg-light);
    outline: 0;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #49d665;
    border-color: #49d665;
}

.form-check-input[type="checkbox"] {
    border-radius: 100px;
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #49d665;
    border-color: #49d665;
}

.form-switch .form-check-input {
    width: 2rem;
    margin-left: -2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+");
    border-radius: 2rem;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+");
}

/*--------------------------------------------------------------
## Avatar
--------------------------------------------------------------*/

.flex-avatar {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
    white-space: nowrap;
    font-weight: bold;
    border-radius: 100%;
}

.flex-avatar img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
}

.flex-avatar .avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjYSkiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS4wNSAxMS4zNWMuNjQuNjQuNjQgMS42OCAwIDIuMzJMMTYuNzQ3IDI1Ljk3M2ExLjc1IDEuNzUgMCAwIDEtMi40NzYgMEw4LjE2IDE5Ljg2YTEuNjQxIDEuNjQxIDAgMCAxIDIuMzIxLTIuMzIxbDUuMDMgNS4wMjlMMjYuNzI3IDExLjM1Yy42NDEtLjY0MSAxLjY4LS42NDEgMi4zMjEgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjMxLjcxNCIgeDI9Ii0zLjczMSIgeTE9Ii44NTciIHkyPSIxMS44MzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZCNzRBIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkQ5MDBGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
    transform: translate(0%, 0%);
}

.flex-avatar .avatar-badge.editor {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9InVybCgjYSkiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS4wNSAxMS4zNWMuNjQuNjQuNjQgMS42OCAwIDIuMzJMMTYuNzQ3IDI1Ljk3M2ExLjc1IDEuNzUgMCAwIDEtMi40NzYgMEw4LjE2IDE5Ljg2YTEuNjQxIDEuNjQxIDAgMCAxIDIuMzIxLTIuMzIxbDUuMDMgNS4wMjlMMjYuNzI3IDExLjM1Yy42NDEtLjY0MSAxLjY4LS42NDEgMi4zMjEgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjMxLjcxNCIgeDI9Ii0zLjczMSIgeTE9Ii44NTciIHkyPSIxMS44MzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjN0NCMUZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEY2RUZEIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
}

.flex-avatar.w-24 .avatar-badge {
    width: 10px;
    height: 10px;
}

/*--------------------------------------------------------------
avatar group
--------------------------------------------------------------*/

.avatar-group {
    display: flex;
    align-items: center;
}

.avatar-group .flex-avatar {
    position: relative;
}

.avatar-group .flex-avatar + .flex-avatar {
    margin-left: -0.5rem;
}

.avatar-group .flex-avatar:hover,
.avatar-group .flex-avatar:active,
.avatar-group .flex-avatar.active {
    z-index: 1;
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

.media {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    flex-shrink: 0;
    border-radius: inherit;
}

.media:after {
    content: "";
    display: block;
    padding-top: 100%;
}

.media-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem;
    z-index: 1;
}

.media-opacity {
    opacity: 0.4;
    transition: 0.3s ease-out;
}

.media-overlay.bg-dark-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.media-overlay.overlay-top {
    bottom: auto;
}

.media-overlay.overlay-bottom {
    top: auto;
    background: rgba(0, 0, 0, 0.6);
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.media-action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
}

.media-action .btn {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

@media (max-width: 767.98px) {
    .media-overlay {
        padding: 0.5rem 0.625rem;
    }
}

.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.01);
}

.media-content img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.media-contain {
    background-color: transparent;
    background-size: contain;
}

@media (max-width: 768px) {
    .media-content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
    }
}

.media-36x17:after {
    padding-top: 47.222222%;
}

.media-21x9:after {
    padding-top: 42.857143%;
}

.media-16x9:after {
    padding-top: 56.25%;
}

.media-4x3:after {
    padding-top: 75%;
}

.media-2x3:after {
    padding-top: 150%;
}

.media-3x2:after {
    padding-top: 66.66666%;
}

.media-3x4:after {
    padding-top: 133.33333%;
}

.media-1x2:after {
    padding-top: 200%;
}

.media-2x1:after {
    padding-top: 50%;
}

.media-3x1:after {
    padding-top: 33%;
}

.media-4x1:after {
    padding-top: 25%;
}

.media-5x1:after {
    padding-top: 20%;
}

.media-10x1:after {
    padding-top: 10%;
}

.media-1-4:after {
    padding-top: 25vh;
    min-height: 10rem;
}

.media-1-3:after {
    padding-top: 33vh;
    min-height: 12.5rem;
}

.media-1-2:after {
    padding-top: 50vh;
    min-height: 15rem;
}

/*--------------------------------------------------------------
Badge
--------------------------------------------------------------*/

.badge {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.25rem 0.375rem;
    border-radius: var(--border-radius-xs);
    box-shadow: none !important;
    outline: none !important;
}

.badge-advert {
    position: absolute;
    right: 10px;
    top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    background-color: rgb(73 73 73 / 20%);
}

.badge-cat {
    position: relative;
    color: var(--color-primary);
}

.badge-cat span {
    position: relative;
    z-index: 1;
}

.badge-cat i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-primary);
    border-radius: inherit;
    opacity: 0.1;
}

.badge-cat:hover,
.badge-cat:focus {
    color: inherit;
}

.badge-locked {
    color: #fff;
    background: linear-gradient(45deg, #ffaa69, #ff872b);
}

.badge-pay {
    color: #fff;
    background: var(--color-danger);
    background: linear-gradient(135deg, #ff3714, #ff9203 70%, #ff7830);
}

.badge-sticky {
    color: #fff;
    background: var(--color-danger);
    background: linear-gradient(to right, #ff7556, #fe4821);
}

.list-item .badge-pay,
.list-item .badge-locked,
.list-item .badge-sticky {
    position: absolute;
    right: 8px;
    top: 8px;
}

.badge-tag {
    color: var(--color-primary);
    border-width: 0;
    background-color: rgb(254 72 33 / 10%);
}

.badge-danger {
    color: var(--color-danger);
    background: var(--outline-danger);
}

.apollo-user-level {
    background: #f2995f;
    background: linear-gradient(to right, #f7c797, #f2995f);
    color: #fff;
}

.apollo-user-level.badge-pill {
    padding: 0.1875rem 0.5rem;
}

.badge-pill {
    border-radius: 10rem;
    padding: 0.375rem 0.75rem;
}

@media (max-width: 1199.98px) {
    .badge {
        font-size: .6875rem;
        padding: 0.25rem 0.375rem;
    }
}

.list-featured-tag {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

/*--------------------------------------------------------------
Signin dropdown sub menu
--------------------------------------------------------------*/

.signin-dropdown {
    position: relative;
}

.signin-dropdown .dropdown-toggle::after {
    display: none;
}

.signin-dropdown-menu {
    position: absolute;
    display: inline;
    width: 160px;
    top: 120%;
    right: 0;
    padding: 1.25rem;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--border-radius-sm);
    background-color: #fff;
    border: 0;
    box-shadow: 0 4px 25px 0 var(--shadow-2);
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}

.signin-dropdown.w-lg .signin-dropdown-menu {
    width: 390px;
}

.signin-dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}

.signin-dropdown-content .item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0.75rem 0.25rem;
    border-radius: var(--border-radius-sm);
    transition: none;
}

.signin-dropdown-content .item:hover {
    background: linear-gradient(to top, rgba(255, 255, 255, 0), var(--outline-primary));
}

.signin-dropdown-content .item .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    width: 30px;
    height: 30px;
}

.signin-dropdown-content .item .menu-text {
    flex: 1 1 auto;
    font-size: 0.875rem;
}

.signin-dropdown-content .item .menu-num {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 15px;
    font-size: 0.6875rem;
    line-height: 1;
    text-align: center;
    padding: 2px 3px;
    background-color: var(--color-danger);
    transform: translate(-35px, 10px);
    color: #fff;
    border-radius: 4px;
}

@media (max-width: 767.98px) {
    .signin-dropdown.w-lg .signin-dropdown-menu {
        width: 320px;
    }
}


body[data-scheme="dark"] .signin-dropdown-menu {
    background-color: var(--bg-dark);
    box-shadow: none;
}

/* --------------------------------
    vip badge
-------------------------------- */
.avatar-badge {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAwIDIwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTkuOCwxNjIuNGMtNC42LDAtOC45LTEuOS0xMi01LjNMMjcuMSw5MS40Yy01LjYtNi4xLTUuOC0xNS41LTAuMy0yMS44bDIzLTI2LjRjMy4xLTMuNiw3LjYtNS42LDEyLjMtNS42CgloNzUuNmM0LjcsMCw5LjIsMiwxMi4yLDUuNmwyMy4xLDI2LjRjNS41LDYuMyw1LjQsMTUuNy0wLjMsMjEuOGwtNjEsNjUuN0MxMDguNywxNjAuNSwxMDQuMywxNjIuNCw5OS44LDE2Mi40eiIvPgo8cGF0aCBkPSJNOTksMTI1LjVjLTEsMC0yLjEtMC40LTMtMS4yTDU2LjIsODMuNWMtMS41LTEuNi0xLjUtNC4yLDAuMS01LjhjMS42LTEuNSw0LjItMS41LDUuOCwwLjFsMzYuOSwzNy45bDM4LjktMzgKCWMxLjYtMS41LDQuMi0xLjUsNS44LDAuMWMxLjUsMS42LDEuNSw0LjItMC4xLDUuOGwtNDEuOCw0MC44QzEwMSwxMjUuMSwxMDAsMTI1LjUsOTksMTI1LjVMOTksMTI1LjV6Ii8+Cjwvc3ZnPgo=");
}

.avatar-badge.active {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEuNjUgMTcuNTEiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogdXJsKCNf5pyq5ZG95ZCN55qE5riQ5Y+YXzI1MCk7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNf5pyq5ZG95ZCN55qE5riQ5Y+YXzI0MCk7CiAgICAgIH0KCiAgICAgIC5jbHMtNCB7CiAgICAgICAgY2xpcC1wYXRoOiB1cmwoI2NsaXBwYXRoKTsKICAgICAgfQoKICAgICAgLmNscy01IHsKICAgICAgICBmaWxsOiAjZmZlMjdmOwogICAgICB9CgogICAgICAuY2xzLTYgewogICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwcGF0aC0xKTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX+acquWRveWQjeeahOa4kOWPmF8yNTAiIGRhdGEtbmFtZT0i5pyq5ZG95ZCN55qE5riQ5Y+YIDI1MCIgeDE9IjYuMTciIHkxPSIxNC45NyIgeDI9IjE1LjM0IiB5Mj0iLS45MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmYWNkOGQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iI2ZmZTVjOSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ2ODUiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il/mnKrlkb3lkI3nmoTmuJDlj5hfMjQwIiBkYXRhLW5hbWU9IuacquWRveWQjeeahOa4kOWPmCAyNDAiIHgxPSI3MS44MyIgeTE9Ii0xMDUuMDIiIHgyPSI3NS44MyIgeTI9Ii0xMDUuMDIiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1LjgzIDExNS43KSBzY2FsZSgxLjEzIDEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M5OTAwNCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjMxIiBzdG9wLWNvbG9yPSIjZDQ4NDBlIiBzdG9wLW9wYWNpdHk9Ii4xNCIvPgogICAgICA8c3RvcCBvZmZzZXQ9Ii45OSIgc3RvcC1jb2xvcj0iI2YwNjYyOCIgc3RvcC1vcGFjaXR5PSIuNDkiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE2NjI5IiBzdG9wLW9wYWNpdHk9Ii41Ii8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGNsaXBQYXRoIGlkPSJjbGlwcGF0aCI+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEwLjc4LDguMDJsLTIuODMtMi44M2MtLjItLjItLjUxLS4yLS43MSwwbC0xLjQxLDEuNDFjLS4yLjItLjIuNTEsMCwuNzFsMy4xOCwzLjE4LDEuNzcsMS43N2MuMi4yLjUxLjIuNzEsMGwxLjc3LTEuNzcsMy4xOC0zLjE4Yy4yLS4yLjItLjUxLDAtLjcxbC0xLjQxLTEuNDFjLS4yLS4yLS41MS0uMi0uNzEsMGwtMi44MywyLjgzYy0uMi4yLS41MS4yLS43MSwwWiIvPgogICAgPC9jbGlwUGF0aD4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcHBhdGgtMSI+CiAgICAgIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iLjY4IiB5PSIuMDUiIHdpZHRoPSIyMC45IiBoZWlnaHQ9IjE3LjM2Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iX+WbvuWxgl8xLTIiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPgogICAgPGc+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTEwLjEyLDE3LjJMLjM0LDcuNzNjLS4zNi0uMzYtLjQ2LS45OC0uMTUtMS4zOUw0LjE1LjQ2Yy4yMS0uMzEuNTctLjQ2Ljg4LS40NmgxMS41OWMuMzYsMCwuNjcuMTUuODguNDZsMy45Nyw1LjgyYy4zMS40Ni4yNiwxLjAzLS4xNSwxLjM5bC05LjczLDkuNTNjLS40MS40MS0xLjAzLjQxLTEuNDQsMFoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJtMTAuNyw4LjY1Yy4wNS4wNS4xNS4xNS4yNi4yMS0uMS0uMDUtLjIxLS4xLS4yNi0uMjEiLz4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSI1LjE2IiB5PSI2LjY4IiB3aWR0aD0iNC41MSIgaGVpZ2h0PSI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4zOCA4LjM3KSByb3RhdGUoLTQ1KSIvPgogICAgICA8ZyBjbGFzcz0iY2xzLTQiPgogICAgICAgIDxnIGNsYXNzPSJjbHMtNiI+CiAgICAgICAgICA8aW1hZ2Ugd2lkdGg9IjQ0IiBoZWlnaHQ9IjM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNDkgLS4yKSBzY2FsZSguNDgpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUN3QUFBQWxDQVlBQUFBNWl3dkpBQUFBQ1hCSVdYTUFBQmNSQUFBWEVRSEtKdk0vQUFBSElrbEVRVlJZaGFXWVQ2Z2ZWeFhIUCtmT3hHS2lkR1B3Vld4dFg2eTJqV2toVGJVeHNhSlNVSERqUm90YU1mYWZDdDJvQlYwWVVPb2YxSW9iRVlPQ0d6Y0tJZ2pxcTBzM0dpc21JQktqeGZXajZzWTI5UDFtN2prdXpybC81cjJYNUtYNXdYQm43c3p2enVkKzcvZWNlKytJbVJsNy9ObjU3L1JYaTN0eXoxTlgvdTkvbm9QLy9obEVRRktVQWdoeTI2bTlJaUI3QWJiejM4WE9QUU5vZ0pZRHJJQ0xJR3Nua0h1ZVFsNy9Uci8zd2xuNDkxbjA0ZzlnR0VBR0w5TUlLU0dTSUEyUUJ1VFdVOGliSHI1TzRNMC9ZTC85TUxZQVZTaC9FUXRnOGV2azZzbmFTV1R0QkhyaCt3NDBEQldzdjVhK1RxTHVsb2VSbXovNkNvQTMvNGh0UEFTbWdEWm9DK2hlWHltdEpZZXVZS09yT2ZUWHJaUlF1aWhlb1crOEc3bnJhN3RpcGN2RGZpeEl1c01xV1dPSDNpSCtUQjJNZU1pNmVsamFQM3pzblhWdjIvLytobDA0dlVmZ3piUFl4aWM2UU5ubHZIdmVPbkxyQUxmZnIvV2xuZFJLNmRvT2NIdnhBbmJ4cTFjQjN2d1R0dkhKYlkwbU1FRklvWm8wdGJiSG9EWlZUZjFvQ25kSDdYUVJJamxvZVo5RVFMNTRBZnZuMGhvTmVQTTViT05UT3hVdERaWmhaVGRJQjYxQ2xycmVDbWJMVWVyZ1hPRlUxWlZhbitDbGk5anozOXdKYkJ1UHRJWnNBSVlsdENYRXBJRVVOWlZRTktBMGpwSlE2alBSbG5vYndqWjRpYUFqTW9ZTW9ickFwWC9BUzMvdmdNLy9rT3FwSGNwMkZpam5WZFdBekFHWnUrR3YwQklXVHl3dHNZdmFpRnVoVGl3Rk9tSC9lZ2FBRWNET25lbitxTXRHTFhWREdzT3FYZkRWbUROdm9nK3lFbjBxbUlLa1RvUUtXVlJOaUF5aDl0QXMwWGZnMGtWR3pwM3hCcVMwbjRKaW0xZE5XOENwWURXWURLVE5kczV1UHVSSmxtMW9kRGFWWUc3S0xtMlJsdGN4amRzTHYyYXN3NkxpTDdhWUZDdzFSWXVxdTlqQlFrMFhMV3d4Z0psNmxvcU8rSVFpRGJSYXdsV1dUdWtHV3M3eDh0THpqUHpsUjRnVlpZclhDbmdCQlRTQkdxSUpVMjMxQlJwZzZHeGdSYnp5WEdvZFQyRTF4Z2JaVzZUemJsMHM0U3FQcURkYVJoV0t5TkZvVFUvV2hsUjdwY1ZQUkR5MUZSOFBoZ1NqRENuKzB3MS9IZllCa2JGbGhzVTlDWSszR1hac1U2WVB2d0ZpaHBYQXFoTkZhdEE1WHA1TG1oTk1MSWE5K0RwQnh1dXl3RkRhR1pDaUxFTzAyL201MktBSHI5NkN4RTFIVy9vSjFheEFaa0ZVRUUzSW5HQVd5QUV5R3phRFRXQ3p3Y3F3bFdFcnhTWmdNaXdEV2J3OWxjNFdWRURwbFBaT2ROZGR3Slg2eE5wUlRMdlpTWEdnN0FuZnNzQnNrRUd5T1BRazJBcFlnVTNtNWV5ZElFcUhMZlhFYUFoWXA2Nm1wbkpWYyt6QWx6azZMTkVpSGdwMG04R29hNEt1RTNQQVRISGZ6QzBoRVhnanlFekxETllOZlZVNnZHdEYzZkF4TENjdG9jTEs2eDRrY2V6UkJqaGJPMWVEeVdCV21CUldHZHZ5Z3luNzBLOFVYU202bGJFdHhWNVdMMWVHVFg0dzB3Sk9SeVN5ZzFRTERNMHFKbDNXMkNVRjdqL2tVN01jZTNRNXZXYXRwVTJLellyTkdac3p1cHJSbFRyOHJMQlM5K3ZMR1YxRlJ3SzZCbWhPQVJ4cU03U3lab1p0QWJpWXVnWDJyOFArOVZoTHZPTXhlTU5SQjUzVlBiZzFZMWtiOU5hTXJiS1hWZUdNYmdYb0ZNK3R0S1k3bTRxNkhtUVNReTk5VHQ0KzIvV3F4aEpCek8wQTNXcE43bjhNc2xVMXlRNWtxOW1QV2IyY2V1aGNTOTF5V0p1Yng5SGtRV3NKVVZkUXFwcWhiTFdMZExad0g0c0pvc0RCQjEzaEhwaWI3MFVlT2xOVnRsbGh6ZzE2eXUwb29KTmhzNFdTeGZ0ZGxsaGNGejg3bk5UYzNsYUpZajZCU2Jtdk9PakI5MVhNQmd4d3l6SFN4My9jckJDSDJ5TDdkWFNtM1F2WUxLQkR5N0hXcFMxTkxSdVlWRXM0V0FlNDJNVVlIRmlIOWNjWGlFdGdnRnZ2STUzNkNUWVhWV2QwaDdMRnMwWEp0QnpleU4wVzhVQTJCeXJ4a1Qydit6WktJdDlIZmNsUUI5Ymh6WS92d05zSkRNaHRiMmQ0NHFmWVBJZTZzMmVKS1h2REdxQ0w1V2RiZWRYRWI2bDJ4bUlTc2dXMEgrMjhnMzNMRTd1aFhXYWJEOGloKzluMzVNK3dhWWJzU3JzRmNpZ1IyNkpGcEhmUjNTOUJsVkEzZHpsZVljcGVuN1Z1cmV3MTYzRFhweStIZFhsZ0FMbjlPUHMrLzR2bTNTakpaUTlYbEJVVzYxdHIxelpIUHA4Vnk3VFJ5cmwxb29DL2RoMjUrN05YUXJveU1FQzY0d1EzZk9sWG9CRjgyM2NRaTYxVXZ5aVBSWktDVGFIaUlnTkYrcHhtaDc1eEhibjN5YXZoWEIwWUlOMTVraHRPLzhZWDZtVnRVUlR1WmlQcGszN2RYZnM2eExLNXNxcXdtaDEwOGhpUmsxOUFqbjl1THloN0F3WVlEcitMVjM5bFk2bHcvMEdrS3QzVjEwVlRyM0J1NEdySWU3NElCOSs2VjR5OUF3TU1iM3VBL1U4L1czZEJpN20rWEVzMFdaNHAwRVpkanpETnNKcVJEM3daMXU2OEZvUnJBNjdRWC84ZFJ1d0RLMlRaMHZTd05OaWNmVEtZTTJnbWZlaHA1S2JEMS9yNmF3Y0dHSTQ4d0lGdlBNdDQ1TjIwcjQvRkZsUm8zMUM3ZDMwMjlObHkrTWkza1RjZWVTV3YzdHNYK0N2OThsOS96NlhUSC9UdnVzTUE0NGlNSXpMdTgvTjlmaTZ2MnNmNC9zOHd2UGVSNjNuZDlRT1gzK3JuMzRydkQ0bnBsOTlEeHBIaDhBbUdPNDdEa0VpMzMwYzZkT3k2My9OLzF2ZG1IUi9qODlRQUFBQUFTVVZPUks1Q1lJST0iLz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
}

.flex-avatar .avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
}

/*--------------------------------------------------------------
    card style
  --------------------------------------------------------------*/

.card,
.block {
    position: relative;
    background: var(--card-bg);
    border: 0 solid var(--card-border-color);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow);
}

.card-header,
.card-footer {
    background-color: transparent;
    border-color: transparent;
    background-clip: padding-box;
    border: 0;
    padding: 1.25rem;
}

.card-header {
    padding: 1.25rem 1.25rem 0;
}

.card-body {
    padding: 1.25rem;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-title {
    line-height: 1.5;
}

.card-md .card-header {
    padding: 2rem 2rem 0;
}

.card-md .card-body {
    padding: 2rem;
}

.card-md .card-footer {
    padding: 0 2rem 1.5rem;
}

@media (max-width: 767.98px) {
    .card-header {
        padding: 1rem 1rem 0;
    }

    .card-body {
        padding: 1rem;
    }

    .card-md .card-header {
        padding: 1.25rem 1.25rem 0;
    }

    .card-md .card-body {
        padding: 1.25rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card-md .card-header {
        padding: 1.5rem 1.5rem 0;
    }

    .card-md .card-body {
        padding: 1.5rem;
    }
}

/*--------------------------------------------------------------
List style
--------------------------------------------------------------*/

.list {
    padding-left: 0;
    padding-right: 0;
}

.list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.list-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
}

.list-body {
    flex: 1 1 auto;
}

.list-footer {
    margin-top: 0.75rem;
}

.list-footer .flex-avatar .avatar-badge {
    width: 12px;
    height: 12px;
    transform: translate(2px, 2px);
}

.list-title {
    line-height: 1.45;
    color: inherit;
}

.list-goto {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

/*--------------------------------------------------------------
List grouped style
--------------------------------------------------------------*/
.list-grouped > div {
    display: flex;
}

.list-grouped .list-item {
    flex: 1 1 auto;
}

@media (max-width: 991.98px) {
    .list-footer .flex-avatar {
        width: 1rem !important;
        height: 1rem !important;
        top: -1px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-footer .flex-avatar {
        width: 1rem !important;
        height: 1rem !important;
        top: -1px;
    }
}

/*--------------------------------------------------------------
List + block 
--------------------------------------------------------------*/

.list-grouped .list-item.block .list-content {
    padding: 0.875rem;
}

.list-grouped .list-item.block .media {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.list-grouped .list-item.block.recommend .media {
    border-radius: inherit;

}

@media (max-width: 767.98px) {
    .list-grouped .list-item.block .list-content {
        padding: 0.625rem 0.625rem 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-grouped .list-item.block .list-content {
        padding: 0.625rem 0.625rem 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-grouped .list-item.block .list-content {
        padding: 0.875rem 0.875rem 0.75rem;
    }
}

/*--------------------------------------------------------------
List larger
--------------------------------------------------------------*/

.list-larger.list-grouped .list-item.block .list-content {
    padding: 1rem;
}

@media (max-width: 767.98px) {
    .list-larger.list-grouped .list-item.block .list-content {
        padding: 0.75rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-larger.list-grouped .list-item.block .list-content {
        padding: 0.875rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-larger.list-grouped .list-item.block .list-content {
        padding: 0.9375rem;
    }
}

/*--------------------------------------------------------------
List grid style
--------------------------------------------------------------*/

.list-grid .list-item {
    flex-direction: row;
    margin: 0 0 1rem;
}

.list-grid .list-item .list-content {
    padding: 0;
}

.list-grid .list-item .media {
    border-radius: var(--border-radius-sm);
}

/*--------------------------------------------------------------
List grid padding style
--------------------------------------------------------------*/
.list-grid.list-grid-padding .list-item {
    padding: 1.5rem;
}

.list-grid.list-grid-padding .list-item .media {
    width: 120px;
    height: 90px;
    margin-left: 2rem;
    border-radius: var(--border-radius-sm);
}

@media (max-width: 767.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: .75rem;
        margin: 0 0 .75rem;
    }

    .list-grid.list-grid-padding .list-item .media {
        width: 100px;
        height: 80px;
        margin-left: 1.25rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*--------------------------------------------------------------
List overlay style
--------------------------------------------------------------*/

.list-overlay {
    color: #fff;
    background-color: transparent;
    border-radius: var(--border-radius-md);
}

.list-overlay:hover .media-opacity {
    transform: scale(1.2);
}

.list-overlay .list-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    padding: 0.625rem 0.875rem;
    z-index: 2;
}

.list-overlay .list-body {
    display: flex;
    flex-direction: column;
}

.list-grouped .list-item.list-overlay .media {
    border-radius: inherit;
}

.list-grouped .list-item.list-overlay .list-title {
    text-align: left;
}

.list-grouped .list-item.list-overlay .list-content,
.list-grouped .list-item.list-overlay.overlay-bottom .list-content {
    padding: 0.875rem 1.25rem;
}

.list-overlay a,
.list-overlay a:hover,
.list-overlay a:active {
    color: #fff;
}

.list-overlay .text-muted:not(i) {
    color: var(--color-light) !important;
}

.list-overlay.overlay-bottom .list-content {
    top: auto;
}

@media (max-width: 767.98px) {
    .list-overlay .list-content {
        padding: 0.75rem 0.875rem;
    }

    .list-grouped .list-item.list-overlay .list-content,
    .list-grouped .list-item.list-overlay.overlay-bottom .list-content {
        padding: 0.875rem 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-overlay .list-content {
        padding: 0.5rem;
    }

    .list-grouped .list-item.list-overlay .list-content,
    .list-grouped .list-item.list-overlay.overlay-bottom .list-content {
        padding: 0.875rem 1rem;
    }
}

/*--------------------------------------------------------------
Custom style
--------------------------------------------------------------*/

.custom-hover {
    position: relative;
}

.custom-hover .media-content,
.custom-hover-img {
    max-width: 100%;
    transition: all 444ms ease-in-out;
}

.custom-hover:hover .media-content,
.custom-hover:hover .custom-hover-img {
    transform: scale(1.05);
}

.custom-hover .custom-hover-icon {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    transform: translateY(-50%);
    visibility: visible;
    z-index: 9;
    transition: 0.3s;
}

.custom-hover .custom-hover-icon span {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 2.5rem;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.68);
}

.custom-hover:hover .custom-hover-icon {
    opacity: 1;
}

@media (max-width: 991.98px) {

    .custom-hover:hover img,
    .custom-hover:hover .media-content,
    .custom-hover:hover .custom-hover-img {
        transform: none;
    }
}

/*--------------------------------------------------------------
Overlay style
--------------------------------------------------------------*/

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(22, 29, 39, 0.66);
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease-in-out;
}

.overlay-hover:hover .overlay,
a:hover .overlay {
    opacity: 0.5;
}

.overlay-1 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0);
    position: absolute;
    opacity: 0.4;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease-in-out;
}

.overlay-hover:hover .overlay-1,
a:hover .overlay-1 {
    opacity: 0.6;
}

.overlay-grad {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease-in-out;
    background: var(--color-dark);
    background: linear-gradient(to top, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
}

.overlay-hover:hover .overlay-grad,
a:hover .overlay-grad {
    opacity: 0.9;
}

/*--------------------------------------------------------------
Poster animation style
--------------------------------------------------------------*/

.poster-zoom {
    -webkit-animation: posterZoom 30s linear;
    animation: posterZoom 30s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes posterZoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.3);
    }
}

@keyframes posterZoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.3);
    }
}

/*--------------------------------------------------------------
Line-clamp style
--------------------------------------------------------------*/

.h-1x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.h-2x {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.h-3x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.h-4x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*--------------------------------------------------------------
Navbar style
--------------------------------------------------------------*/

.site-navbar {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgb(17 58 93 / 5%);
    transition: all 0.3s ease-in-out;
    z-index: 99;
}

.site-navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.site-navbar.fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: transparent;
    box-shadow: none;
}

.site-navbar.fixed-top.fixed {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: rgb(0 0 0 / 80%);
}

@supports (((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)))) {
    .site-navbar.fixed {
        background-color: rgba(255, 255, 255, 0.6);
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
    }
}

body[data-scheme="dark"] .site-navbar {
    background-color: var(--bg-white);
    box-shadow: none;
}

body[data-scheme="dark"] .site-navbar.fixed {
    background-color: rgba(0, 0, 0, 0.8);
}

body[data-scheme="dark"] .site-navbar.fixed-top {
    background-color: transparent;
}

body[data-scheme="dark"] .site-navbar.fixed-top.fixed {
    background-color: rgb(0 0 0 / 80%);
}

@supports (((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)))) {
    body[data-scheme="dark"] .site-navbar.fixed {
        background-color: rgba(0, 0, 0, 0.6);
    }
}

/*--------------------------------------------------------------
Navbar brand
--------------------------------------------------------------*/

.site-navbar .navbar-brand {
    position: relative;
    padding: 0;
    margin: 0;
}

.site-navbar .navbar-brand .logo {
    max-width: 200px;
    max-height: 50px;
}

.site-navbar .navbar-brand .logo-night {
    display: none;
}

.site-navbar.fixed-top .navbar-brand .logo {
    display: none;
}

.site-navbar.fixed-top .navbar-brand .logo-night {
    display: block;
}

@media (max-width: 767.98px) {
    .site-navbar .navbar-brand {
        padding: 0;
        margin: 0;
    }

    .site-navbar .navbar-brand .logo {
        max-width: 120px;
        max-height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-navbar .navbar-brand {
        margin: 0;
    }

    .site-navbar .navbar-brand .logo {
        max-width: 150px;
        max-height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-navbar .navbar-brand {
        margin: 0;
    }
}

body[data-scheme="dark"] .site-navbar .navbar-brand .logo {
    display: none;
}

body[data-scheme="dark"] .site-navbar .navbar-brand .logo-night {
    display: block;
}

body[data-scheme="dark"] .site-navbar.fixed-top .navbar-brand .logo {
    display: none;
}

body[data-scheme="dark"] .site-navbar.fixed-top .navbar-brand .logo-night {
    display: block;
}

/*--------------------------------------------------------------
Navbar slogan
--------------------------------------------------------------*/

.site-navbar .navbar-slogan {
    position: relative;
    height: 50px;
    margin-right: auto;
}

.site-navbar .navbar-slogan::after {
    background-image: linear-gradient(to right,
    transparent,
    rgba(255, 255, 255, 0.2));
    content: "";
    position: absolute;
    display: block;
    width: 25%;
    height: 100%;
    top: 0;
    left: -75%;
    z-index: 2;
    transform: skewX(-25deg);
    pointer-events: none;
    -webkit-animation: shine 1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: shine 1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.site-navbar .navbar-slogan img {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-navbar.fixed .navbar-slogan::after {
    display: none;
}

@media (max-width: 767.98px) {
    .site-navbar .navbar-slogan {
        height: 40px;
    }
}

@-webkit-keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}

@keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}

/*--------------------------------------------------------------
  ## Main Navigation
----------------------------------------------------------------*/
.navbar-site {
    flex-wrap: nowrap;
    gap: 8px;
}

.navbar-site li {
    position: relative;
    flex-shrink: 0;
}

.navbar-site li a {
    display: block;
    font-size: 1rem;
    padding: 0.75rem .5rem;
}

.navbar-site > li a {
    opacity: .7;
}

.navbar-site > li:hover > a,
.navbar-site > li.current-menu-parent > a,
.navbar-site > li.current-menu-item > a {
    color: var(--color-primary);
    opacity: 1;
}

.fixed-top .navbar-site > li > a {
    color: #fff;
}

/* Submenu */
.navbar-site li ul.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    text-align: left;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 7%);
    border-radius: var(--border-radius-md);
    transform: translateY(-10px);
    transition: all 300ms ease;
    z-index: 100;
}

.navbar-site li:last-child ul.sub-menu {
    left: auto;
    right: -10px;
}

.navbar-site li ul.sub-menu li {
    display: block;
    position: relative;
}

.navbar-site li ul.sub-menu li:last-child {
    margin-bottom: 0;
}

.navbar-site li ul.sub-menu li a {
    position: relative;
    display: block;
    padding: 0.625rem 1.125rem;
    transition: all 0.3s ease-in;
    z-index: 1;
}

.navbar-site li ul.sub-menu li > a:hover,
.navbar-site li ul.sub-menu li.current-menu-item > a {
    color: var(--color-primary);
    opacity: 1;
}

.navbar-site li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1) translateY(0px);
}

.navbar-site li ul.sub-menu .sub-menu {
    position: absolute;
    left: 99%;
    top: 0;
    background: #fff;
    transition: 0.5s;
    transition-delay: 0.1s;
    transform: translateY(10px);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.navbar-site li ul.sub-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translate(0, -10px);
    transition-delay: 0s;
    pointer-events: all;
}

.navbar-site li:last-child ul.sub-menu .sub-menu {
    left: auto;
    right: 99%;
}

/* Submenu */
body[data-scheme="dark"] .navbar-site li ul.sub-menu {
    background: var(--bg-dark);
}

body[data-scheme="dark"] .navbar-site li ul.sub-menu li a {
    color: #fff;
}

body[data-scheme="dark"] .navbar-site li ul.sub-menu li > a:hover,
body[data-scheme="dark"] .navbar-site li ul.sub-menu li.current-menu-item > a {
    color: var(--color-primary);
}

body[data-scheme="dark"] .navbar-site li ul.sub-menu .sub-menu {
    background: var(--bg-secondary);
}

/*--------------------------------------------------------------
  ## site submenu icon Navigation
----------------------------------------------------------------*/

.navbar-site li.menu-item-has-children > a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    height: 6px;
    width: 6px;
    border-left: 1px solid var(--border-secondary);
    border-bottom: 1px solid var(--border-secondary);
    transform: translate(-50%, -50%) rotate(315deg);
    opacity: 0.3;
    transition: all 0.2s;
}

.site-navbar.fixed-top .navbar-site li.menu-item-has-children > a:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.navbar-site li.menu-item-has-children > a:hover:after {
    transform: translate(-50%, -50%) rotate(135deg);
}

.navbar-site li ul.sub-menu li.menu-item-has-children > a:after {
    right: 12px;
}

.navbar-site li ul.sub-menu li.menu-item-has-children > a:after {
    transform: translate(-50%, -50%) rotate(315deg);
}

.navbar-site li ul.sub-menu li.menu-item-has-children > a:hover:after,
.navbar-site li ul.sub-menu li.menu-item-has-children > a:hover:after {
    transform: translate(-50%, -50%) rotate(225deg);
}

body[data-scheme="dark"] .navbar-site > li:hover > a,
body[data-scheme="dark"] .navbar-site > li.current-menu-parent > a,
body[data-scheme="dark"] .navbar-site > li.current-menu-item > a {
    color: #fff;
}

body[data-scheme="dark"] .navbar-site li.menu-item-has-children > a:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .navbar-site > li:hover > a,
    body[data-scheme="auto"] .navbar-site > li.current-menu-parent > a,
    body[data-scheme="auto"] .navbar-site > li.current-menu-item > a {
        color: #fff;
    }

    body[data-scheme="auto"] .navbar-site li.menu-item-has-children > a:after {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
}

.fixed-top .navbar-submenu .btn-link {
    --bs-btn-color: rgba(255, 255, 255, 0.5);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
}

body[data-scheme="dark"] .fixed-top .navbar-submenu .btn-link {
    --bs-btn-color: rgba(255, 255, 255, 0.5);
}

/*--------------------------------------------------------------
Site main style
--------------------------------------------------------------*/
.site-main.format-image {
    margin-top: -100px;
}

@media (max-width: 767.98px) {

    .site-main.format-image {
        margin-top: -50px;
    }
}

/*--------------------------------------------------------------
List topic style
--------------------------------------------------------------*/
.list-topic .list-item .list-title {
    position: relative;
    color: #fff;
    padding: 0 1.75rem;
    display: inline-block;
}

.list-topic .list-item .list-title::after,
.list-topic .list-item .list-title::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 0.75rem;
    height: 1px;
    background: var(--bg-light);
    transition: 0.3s ease-out;
    transform: translate(0%, 0%);
    z-index: 1;
    opacity: 0;
}

.list-topic .list-item .list-title::before {
    left: 0;
}

.list-topic .list-item .list-title::after {
    right: 0;
}

.list-topic .list-item:hover .list-title::after {
    right: 0.5rem;
    opacity: 1;
    transform: translate(0%, -50%);
}

.list-topic .list-item:hover .list-title::before {
    left: 0.5rem;
    opacity: 1;
    transform: translate(0%, -50%);
}

/*--------------------------------------------------------------
Special poster style
--------------------------------------------------------------*/

.special-poster {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    height: 21.875rem;
}

.special-inner {
    position: relative;
    text-align: center;
    text-shadow: 0 0.125rem 0.3125rem rgb(0 0 0 / 30%);
}

.special-data {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 10em;
    font-style: italic;
    line-height: 1;
    color: #fff;
    opacity: 0.3;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.special-round {
    position: absolute;
    width: 50vh;
    height: 50vh;
    top: 50%;
    left: 50%;
    opacity: 0.08;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: 5em solid #fff;
    display: none;
}

@media (max-width: 767.98px) {
    .special-poster {
        height: 160px;
    }

    .special-data {
        font-size: 5em;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .special-poster {
        height: 240px;
    }

    .special-data {
        font-size: 8em;
    }
}

/*--------------------------------------------------------------
Aside mobile
--------------------------------------------------------------*/

.aside-mobile {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 20rem;
    transition: all 0.2s ease-in-out;
    z-index: 999;
    transform: translateX(-100%);
    background-color: var(--color-secondary);
}

.aside-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
}

.hidden-wrapper {
    overflow: hidden;
}

.hidden-wrapper .aside-overlay {
    opacity: 1;
    visibility: visible;
}

.hidden-wrapper .aside-mobile {
    transform: translateX(0%);
}

@media (max-width: 767.98px) {
    .aside-mobile {
        width: 18rem;
    }
}

/*-------------------------------------------------------------- 
Aside menu 
--------------------------------------------------------------*/
.aside-mobile .aside-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}

.aside-mobile .aside-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}

.aside-mobile .aside-menu {
    padding: 0 1rem;
}

.aside-mobile .aside-menu li {
    position: relative;
}

.aside-mobile .aside-menu > li {
    margin: 1rem 0;
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
}

.aside-mobile .aside-menu > li > a:hover,
.aside-mobile .aside-menu > li.current-menu-item > a,
.aside-mobile .aside-menu > li.active > a {
    color: var(--color-primary);
}

.aside-mobile .aside-menu li a {
    position: relative;
    display: block;
    padding: 0.875rem 1rem;
    transition: all 0.3s;
}

.aside-mobile .aside-menu li a:hover {
    opacity: 1;
}

.aside-mobile .aside-menu > li.current-menu-item > a {
    color: var(--color-primary);
    opacity: 1;
}

.aside-mobile .aside-menu > li > ul {
    display: none;
    padding: 0.25rem 0 0;
}

.aside-mobile .aside-menu > li.current-menu-parent > ul {
    display: block;
}

.aside-mobile .aside-menu li > ul li {
    padding-top: 0;
    padding-bottom: 0;
}

.aside-mobile .aside-menu li > ul li a {
    padding: 0 1rem 1rem;
}

.aside-mobile .aside-menu li > ul li.current-menu-item a {
    color: var(--color-primary);
    opacity: 1;
}

.aside-mobile .aside-menu li a .menu-sign {
    position: absolute;
    right: 15px;
    top: 50%;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    opacity: 0.5;
}

.aside-mobile .aside-menu li a .menu-sign:after {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    border-left: 1px solid var(--color-dark);
    border-bottom: 1px solid var(--color-dark);
    transform: rotate(225deg);
    transition: all 0.2s;
}

.aside-mobile .aside-menu li.active a .menu-sign {
    margin-top: -6px;
}

.aside-mobile .aside-menu li.active a .menu-sign:after {
    transform: rotate(315deg);
}


/*--------------------------------------------------------------
Post tags style
--------------------------------------------------------------*/
.post-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.post-tags a:before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 5px;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSLlm77lsYJfMSIgeD0iMCIgeT0iMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAwIDIwMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHN0eWxlPi5zdDF7ZmlsbDojZmZmfTwvc3R5bGU+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSI5OSIgc3R5bGU9ImZpbGw6I2ZmNTIyYiIvPjxwYXRoIGQ9Ik0xNTYuMyA3MC44YzEuNCAwIDIuNiAxLjMgMi43IDN2MTIuN2MwIDEuNy0xLjEgMy0yLjYgMy4xSDUwLjZjLTEuNCAwLTIuNi0xLjMtMi43LTNWNzMuOGMwLTEuNyAxLjEtMyAyLjYtMy4xaDEwNS44em0tLjIgMzcuN2MxLjYgMCAyLjggMS4zIDIuOSAzdjEyLjdjMCAxLjctMS4yIDMtMi44IDMuMUg0MS45Yy0xLjYgMC0yLjgtMS4zLTIuOS0yLjl2LTEyLjdjMC0xLjcgMS4yLTMgMi44LTMuMWwxMTQuMy0uMXoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNNzUuOCA0Ny4xYy4xLTEuNCAxLjYtMi42IDMuMi0yLjdoMTIuN2MxLjcgMCAyLjkgMS4xIDIuOSAyLjZsLTkuOSAxMDUuOGMtLjEgMS40LTEuNSAyLjYtMy4yIDIuN0g2OC44Yy0xLjcgMC0yLjktMS4xLTIuOS0yLjZsOS45LTEwNS44em0zOC4xLTQuMmMuMS0xLjYgMS42LTIuOCAzLjItMi45aDEyLjdjMS43IDAgMi45IDEuMiAyLjkgMi44TDEyMiAxNTcuMWMtLjEgMS42LTEuNiAyLjgtMy4yIDIuOWgtMTIuN2MtMS43IDAtMi45LTEuMi0yLjktMi44bDEwLjctMTE0LjN6IiBjbGFzcz0ic3QxIi8+PC9zdmc+');
    z-index: 1;
}

.post-tags a {
    position: relative;
    display: block;
    font-size: .8125rem;
    color: var(--color-muted);
    padding: 0.25rem 0.875rem 0.25rem 1.875rem;
    background-color: var(--bg-light);
    border-radius: 100px;
    white-space: nowrap;
}

.post-tags a:hover {
    color: var(--color-primary);
}

body[data-scheme="dark"] .post-tags a {
    color: #fff;
    background-color: var(--bg-light);
}

body[data-scheme="dark"] .post-tags a:hover {
    color: var(--color-primary);
}

/**--------------------------------------------------------------
Post hidden tips
--------------------------------------------------------------**/

.post-pay-content {
    position: relative;
}

.post-pay-body {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.post-pay-content .post-pay-wall {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 80px;
    transform: translateY(-99%);
    background-image: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

body[data-scheme="dark"] .post-pay-content .post-pay-wall {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 80px;
    transform: translateY(-99%);
    background-image: linear-gradient(360deg, var(--bg-secondary) 0%, rgba(34, 34, 34, 0.9) 25%, rgba(34, 34, 34, 0.6) 50%, rgba(34, 34, 34, 0.4) 75%, rgba(34, 34, 34, 0) 100%);
    z-index: 1;
}

.post-pay-content .post-pay-body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid var(--border-light);
    border-radius: var(--border-radius-sm);
    z-index: 2
}

.post-pay-content.paying {
    margin-top: -30px
}

.post-pay-content .post-pay-form {
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 100px;
    padding: 5px;
}

.post-pay-content .post-pay-input {
    border-color: transparent;
    background-color: transparent;
    color: var(--color-secondary);
    border-radius: var(--border-radius-sm);
}

.post-pay-content .post-pay-submit {
    flex-shrink: 0;
}

/*--------------------------------------------------------------
Post password form
--------------------------------------------------------------*/
.post-password-form form {
    max-width: 400px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
List Teleplay
--------------------------------------------------------------*/

.video-list-cover {
    position: relative;
    overflow: hidden;
}

.video-list-inner {
    position: relative;
    display: flex;
    word-wrap: break-word;
    flex-direction: row;
    padding: 1.25rem;
    border-radius: inherit;
}

.video-list-cover .bg-poster {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    transform: scale(1.15);
}

.video-list-inner .media {
    width: 6.875rem;
}

.video-list-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    color: #fff;
    padding: 0.25rem 0 0.25rem 1.5rem;
}

.video-list-body {
    flex: 1 1 auto;
}

.video-list-group {
    position: relative;
    border: 0.0625rem solid var(--border-muted);
    border-radius: var(--border-radius-sm);
}

.video-list-group .item-video-group {
    position: relative;
    padding: 0.75rem 1rem;
    border-bottom: 0.0625rem solid var(--border-muted);
}

.video-list-group .item-video-group:last-child {
    border-bottom: 0;
}

@media (max-width: 767.98px) {
    .video-list-inner .media {
        width: 5.3125rem;
    }

    .video-list-inner {
        padding: 1rem;
    }

    .video-list-content {
        padding: 0.25rem 0 0.25rem 1rem;
    }

    .video-list-group .item-video-group {
        position: relative;
        padding: 0.625rem 0.75rem;
        border-bottom: 0.0625rem solid var(--border-muted);
    }
}

/*--------------------------------------------------------------
  ## post sticky
  --------------------------------------------------------------*/
.sticky-actions {
    transform: translateX(-84px);
    z-index: 98;
}

.sticky-actions.sticky {
    position: sticky;
    top: 0;
}

@media (max-width: 1365.98px) {
    .sticky-actions {
        display: none;
    }
}

@media (min-width: 1366px) and (max-width: 1599.98px) {
    .sticky-actions {
        transform: translateX(-80px);
    }
}

.sticky-actions ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}

.sticky-actions.sticky ul {
    transform: translateY(100px);
}

/*--------------------------------------------------------------
Archive header style
--------------------------------------------------------------*/

.archive-poster {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    min-height: 280px;
}

.archive-poster .poster-inner {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.archive-poster .poster-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.svg-icon-tag {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 32px;
    height: 32px;
    margin-right: .5rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSLlm77lsYJfMSIgeD0iMCIgeT0iMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAwIDIwMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHN0eWxlPi5zdDF7ZmlsbDojZmZmfTwvc3R5bGU+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSI5OSIgc3R5bGU9ImZpbGw6I2ZmNTIyYiIvPjxwYXRoIGQ9Ik0xNTYuMyA3MC44YzEuNCAwIDIuNiAxLjMgMi43IDN2MTIuN2MwIDEuNy0xLjEgMy0yLjYgMy4xSDUwLjZjLTEuNCAwLTIuNi0xLjMtMi43LTNWNzMuOGMwLTEuNyAxLjEtMyAyLjYtMy4xaDEwNS44em0tLjIgMzcuN2MxLjYgMCAyLjggMS4zIDIuOSAzdjEyLjdjMCAxLjctMS4yIDMtMi44IDMuMUg0MS45Yy0xLjYgMC0yLjgtMS4zLTIuOS0yLjl2LTEyLjdjMC0xLjcgMS4yLTMgMi44LTMuMWwxMTQuMy0uMXoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNNzUuOCA0Ny4xYy4xLTEuNCAxLjYtMi42IDMuMi0yLjdoMTIuN2MxLjcgMCAyLjkgMS4xIDIuOSAyLjZsLTkuOSAxMDUuOGMtLjEgMS40LTEuNSAyLjYtMy4yIDIuN0g2OC44Yy0xLjcgMC0yLjktMS4xLTIuOS0yLjZsOS45LTEwNS44em0zOC4xLTQuMmMuMS0xLjYgMS42LTIuOCAzLjItMi45aDEyLjdjMS43IDAgMi45IDEuMiAyLjkgMi44TDEyMiAxNTcuMWMtLjEgMS42LTEuNiAyLjgtMy4yIDIuOWgtMTIuN2MtMS43IDAtMi45LTEuMi0yLjktMi44bDEwLjctMTE0LjN6IiBjbGFzcz0ic3QxIi8+PC9zdmc+');
}

.svg-icon-cat {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    margin-right: .5rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijk5IiBzdHlsZT0iZmlsbDojZmYzZDI4Ii8+PHBhdGggZD0iTTEyNS40IDQ1SDc0LjZjLTE0IDAtMjUuNCAxMS40LTI1LjQgMjUuNHY1OS4yYzAgMTQgMTEuNCAyNS40IDI1LjQgMjUuNGg1MC44YzE0IDAgMjUuNC0xMS40IDI1LjQtMjUuNFY3MC40YzAtMTQtMTEuNC0yNS40LTI1LjQtMjUuNHptLTE0LjMgNjRjMCAyLjMtMS45IDQuMi00LjIgNC4ySDcyLjhjLTIuMyAwLTQuMi0xLjktNC4yLTQuMnYtOC41YzAtMi4zIDEuOS00LjIgNC4yLTQuMmgzNC4xYzIuMyAwIDQuMiAxLjkgNC4yIDQuMnY4LjV6bTIwLjYtMjYuNWMwIDIuMy0xLjkgNC4yLTQuMiA0LjJINzIuNmMtMi4zIDAtNC4yLTEuOS00LjItNC4yVjc0YzAtMi4zIDEuOS00LjIgNC4yLTQuMmg1NC45YzIuMyAwIDQuMiAxLjkgNC4yIDQuMnY4LjV6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+');
}

@media (max-width: 767.98px) {
    .archive-poster {
        min-height: 160px;
    }

    .svg-icon-tag {
        top: 1px;
        width: 24px;
        height: 24px;
    }

    .svg-icon-cat {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .archive-poster {
        min-height: 240px;
    }
}

/*--------------------------------------------------------------
Archive heading
--------------------------------------------------------------*/
.archive-heading h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------------------------
Archive filter
--------------------------------------------------------------*/

.archive-filter .filter-list {
    position: relative;
    display: flex;
    flex-direction: row;
}

.archive-filter .filter-list .filter-heading {
    position: relative;
    top: 3px;
    flex-shrink: 0;
    min-width: 100px;
}

.archive-filter .filter-list ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    gap: 12px;
    margin-bottom: .875rem;
}

.archive-filter .filter-list:last-child ul {
    margin-bottom: 0;
}

.archive-filter .filter-list ul li a {
    display: block;
    padding: 4px 12px;
    border-radius: var(--border-radius-sm);
}

.archive-filter .filter-list ul li a:hover,
.archive-filter .filter-list ul li.current a {
    color: var(--color-primary);
    background-color: var(--outline-primary);
    opacity: 1;
}


@media (max-width: 767.98px) {
    .archive-filter {
        margin: 0 0 1rem;
    }

    .archive-filter .filter-list {
        flex-direction: column;
        border: 1px solid var(--border-light);
        border-radius: var(--border-radius-sm);
        padding: 18px 12px 12px;
        margin-bottom: 1rem;
    }

    .archive-filter .filter-list:last-child {
        margin: 0;
    }

    .archive-filter .filter-list .filter-heading {
        position: absolute;
        top: 0;
        left: 0;
        flex-shrink: 0;
        min-width: auto;
        font-size: .75rem;
        background-color: #fff;
        padding: 0 .25rem;
        margin: 0;
        transform: translate(12px, -50%);
    }

    .archive-filter .filter-list ul {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .archive-filter {
        margin: 0 0 1.5rem;
    }
}

/*--------------------------------------------------------------
Format image style
--------------------------------------------------------------*/

.post-poster {
    position: relative;
}

.post-poster .media:after {
    padding-top: 30%;
}

.post-format-image {
    position: relative;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .post-poster .media:after {
        padding-top: 75%;
    }
}

.post-poster .bg-image-color {
    opacity: 0.9;
}

.post-poster .bg-image-cover {
    opacity: 0.2;
    -webkit-filter: blur(0.9375rem);
    filter: blur(0.9375rem);
    transform: scale(1.25);
}

.post-poster.bg-dark,
.post-poster.bg-dark h1,
.post-poster.bg-dark a {
    text-align: center;
    color: #fff;
    margin: auto;
}

@media (max-width: 767.98px) {
    .post-poster .media:after {
        padding-top: 50%;
    }

    .post-format-image {
        margin: -2rem 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-poster .media:after {
        padding-top: 45%;
    }

    .post-format-image {
        margin: -5rem 0 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-poster .media:after {
        padding-top: 40%;
    }

    .post-format-image {
        margin: -6rem 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .post-poster .media:after {
        padding-top: 40%;
    }

    .post-format-image {
        margin: -6rem 0 0;
    }
}

@media (min-width: 1400px) {
    .post-poster .media:after {
        padding-top: 30%;
    }

    .post-format-image {
        margin: -6rem 0 0;
    }
}

/*--------------------------------------------------------------
Post
--------------------------------------------------------------*/
.post-content {
    font-size: 1rem;
    line-height: 1.85;
    word-break: normal;
    word-wrap: break-word;
}

.post-content > *:first-child {
    margin-top: 0;
}

.post-content > *:last-child {
    margin-bottom: 0;
}

.post-content a:hover,
.post-content a:focus {
    text-decoration: none;
}

.post-content p {
    margin: 0 0 1.25rem;
}

.post-content hr {
    margin: 4rem auto;
}

.post-content > .wp-block-cover.alignwide:first-child,
.post-content > .wp-block-cover.alignfull:first-child {
    margin-top: 0;
}

/* Font Families ----------------------------- */

.post-content h1,
.post-content h2,
.post-content h3 {
    line-height: 1.5;
    margin: 2rem 0 1.5rem;
    color: var(--color-dark);
}

.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 2rem 0 1.5rem;
}

.post-content h2 {
    position: relative;
    padding: 0 0 0 1.5rem;
}

.post-content h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 24px;
    border-radius: 10px;
    background: var(--color-primary);
    background: linear-gradient(to top, #f2995f, var(--color-primary));
}

.post-inner .post-content > .wp-block-cover.alignwide:first-child,
.post-inner .post-content > .wp-block-cover.alignfull:first-child {
    margin-top: 0;
}

@media (max-width: 767.98px) {

    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 2rem auto 1rem;
    }

    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 2rem auto 1rem;
    }

    .post-content h2:before {
        top: 5px;
        height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 1rem auto 1rem;
    }

    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 1rem auto 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin: 1.5rem auto 1rem;
    }

    .post-content h4,
    .post-content h5,
    .post-content h6 {
        margin: 1.5rem auto 1rem;
    }
}

/* Font link ----------------------------- */

.post-content p > a,
.post-content li > a,
.post-content dd > a,
.post-content td a,
.post-content th a,
.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a,
.post-content em a,
.post-content strong a {
    box-shadow: 0 -0.0625rem 0 0 var(--color-primary) inset;
    transition: 0.3s ease-in;
}

.post-content p > a:hover,
.post-content li > a:hover,
.post-content dd > a:hover,
.post-content td a:hover,
.post-content th a:hover,
.post-content h1 a:hover,
.post-content h2 a:hover,
.post-content h3 a:hover,
.post-content h4 a:hover,
.post-content h5 a:hover,
.post-content h6 a:hover,
.post-content em a:hover,
.post-content strong a:hover {
    opacity: 1;
}

/* Post quote style ----------------------------- */

.wp-block-quote a,
.wp-block-quote p > a {
    border-color: var(--border-muted);
}

.wp-block-quote a,
.wp-block-quote a:hover {
    color: inherit;
}


/* Alignment Classes ------------------------- */

.post-content .alignnone,
.wp-block-image,
.wp-block-embed {
    margin: 1.5rem 0
}

.alignright,
a img.alignright,
.wp-block-image .alignright {
    float: right;
    margin: .25rem 0 1.25rem 1.875rem
}

.alignleft,
a img.alignleft,
.wp-block-image .alignleft {
    float: left;
    margin: .25rem 1.875rem 1.25rem 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 2.5rem auto
}

.aligncenter > img,
div.aligncenter > img {
    margin: 0 auto
}

p img.alignnone,
img.alignnone {
    display: block;
    margin: 2.5rem 0
}


/*--------------------------------------------------------------
Ul - style
--------------------------------------------------------------*/

.post-content ul,
.post-content ol {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.5rem;
}

.post-content ul {
    list-style: disc;
}

.post-content ul ul,
.post-content ol ol,
.post-content ul ol,
.post-content ol ul {
    margin-bottom: 1rem;
}

.post-content ul ul {
    list-style: circle;
    margin: .75rem 0;
}

.post-content ul ul ul {
    list-style: square;
}

.post-content ol {
    list-style: decimal;
}

.post-content ol ol {
    list-style: lower-alpha;
}

.post-content ol ol ol {
    list-style: lower-roman;
}

.post-content li {
    line-height: 1.5;
    margin: 0 0 1rem;
}

.post-content li li {
    margin: 0 0 .5rem;
}

.post-content li img {
    display: inline-block;
}


/*--------------------------------------------------------------
    block table style
--------------------------------------------------------------*/
@media (min-width: 768px) {
    .post-content table {
        min-width: 540px;
    }
}

.wp-block-table th,
.wp-block-table td {
    border-color: var(--border-muted);
}

.wp-block-table tfoot,
.wp-block-table thead {
    border-color: var(--border-muted);
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
    display: table;
    width: auto;
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
    word-break: break-word;
}

.wp-block-table.is-style-stripes {
    border-bottom: 0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--bg-light);
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent;
}

/*--------------------------------------------------------------
    wp caption style
--------------------------------------------------------------*/

.wp-caption {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Post video style
--------------------------------------------------------------*/

.post-video .wp-video {
    margin-top: 0;
}

/*--------------------------------------------------------------
## thumbnail style
--------------------------------------------------------------*/

.post-thumbnail img {
    width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
## Post excerpt
--------------------------------------------------------------*/

.post-excerpt {
    position: relative;
    font-size: 1rem;
    line-height: 1.85;
    word-break: normal;
    word-wrap: break-word;
}

/**--------------------------------------------------------------
## Post hidden tips
--------------------------------------------------------------**/

.post-password-content {
    position: relative;
}

.post-password-content form {
    max-width: 400px;
    margin: 0 auto;
}


/*--------------------------------------------------------------
## Pagination (WordPress CSS classes)
--------------------------------------------------------------*/
.pagination-container {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 1.5rem 0 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
}

.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.page-numbers,
.post-page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    text-align: center;
    padding: 0 .375rem;
    margin: .25rem;
    background-color: var(--bg-light);
    color: var(--color-muted);
    border-radius: var(--border-radius-sm);
}

.page-numbers:hover,
.page-numbers.current,
.post-page-numbers:hover,
.post-page-numbers.current {
    color: #fff;
    background-color: var(--color-primary);
}

body[data-scheme="dark"] .page-numbers,
body[data-scheme="dark"] .post-page-numbers {
    background-color: var(--bg-light);
    color: #fff;
}

body[data-scheme="dark"] .page-numbers:hover,
body[data-scheme="dark"] .page-numbers.current,
body[data-scheme="dark"] .post-page-numbers:hover,
body[data-scheme="dark"] .post-page-numbers.current {
    color: #fff;
    background-color: var(--color-primary);
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .page-numbers,
    body[data-scheme="auto"] .post-page-numbers {
        background-color: var(--bg-light);
        color: #fff;
    }

    body[data-scheme="auto"] .page-numbers:hover,
    body[data-scheme="auto"] .page-numbers.current,
    body[data-scheme="auto"] .post-page-numbers:hover,
    body[data-scheme="auto"] .post-page-numbers.current {
        color: #fff;
        background-color: var(--color-primary);
    }

}

.page-numbers.dots {
    min-width: auto;
    text-align: center;
    padding: 0 0.375rem;
    margin: 0.25rem;
    background-color: transparent;
    border-radius: 0;
}

.page-numbers.dots:hover {
    color: var(--color-muted);
    background-color: transparent;
}

@media (max-width: 767.98px) {
    .pagination-container {
        margin: 1rem 0 0
    }

    .page-numbers {
        min-width: 32px;
        height: 32px;
        margin: .25rem;
    }

}

.pagination-quick-jumper {
    margin-left: .25rem;
}

.pagination-quick-jumper .quick-jumper-input {
    min-width: 30px;
    background: var(--color-light);
    border-radius: var(--border-radius-xs);
    text-align: center;
    border: 0;
    padding: .25rem;
    margin: 0 .25rem;
}

.pagination-quick-jumper .quick-jumper-input::-webkit-inner-spin-button,
.pagination-quick-jumper .quick-jumper-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pagination-quick-jumper .quick-jumper-input {
    -moz-appearance: textfield;
}

/*--------------------------------------------------------------
post navigation style
--------------------------------------------------------------*/
.post-in-navigation span,
.post-in-navigation a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    margin: .3125rem;
    text-align: center;
    color: var(--color-muted);
    border-radius: var(--border-radius-xs);
    background-color: var(--bg-light);
}

.post-in-navigation a:focus,
.post-in-navigation a:active,
.post-in-navigation a:hover,
.post-in-navigation .current {
    color: #fff;
    background-color: var(--color-primary);
}

.post-in-navigation .current,
.post-in-navigation a.prev,
.post-in-navigation a.next {
    display: flex;
}

.post-in-navigation a.dots {
    min-width: 0;
    background-color: transparent;
    color: var(--color-muted);
}

@media (max-width: 767.98px) {
    .post-in-navigation {
        margin: 1.25rem 0 0;
    }

    .post-in-navigation span,
    .post-in-navigation a {
        min-width: 2rem;
        height: 2rem;
        border-radius: var(--border-radius-sm);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-in-navigation {
        margin: 1.5rem 0 0;
    }

    .post-in-navigation span,
    .post-in-navigation a {
        min-width: 2.25rem;
        height: 2.25rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-in-navigation {
        margin: 1.5rem 0 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .post-in-navigation {
        margin: 2rem 0 0;
    }
}

/*--------------------------------------------------------------
Post status icon
--------------------------------------------------------------*/
.post-status-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.post-status-icon.draft {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCA0MiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xMTJfMTIyKSI+CjxyZWN0IHdpZHRoPSI0MiIgaGVpZ2h0PSIyMSIgcng9IjMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMTJfMTIyKSIvPgo8L2c+CjxwYXRoIGQ9Ik0xMi40NDggNi4zNkwxMi41NiA1LjI0SDEwLjI1NkwxMC40IDMuOTI4SDEyLjcwNEwxMi44MTYgMi44MjRIMTQuMjRMMTQuMTI4IDMuOTI4SDE2Ljc2OEwxNi44OCAyLjgyNEgxOC4zMDRMMTguMTkyIDMuOTI4SDIwLjQ4TDIwLjMzNiA1LjI0SDE4LjA0OEwxNy45MiA2LjM2SDE2LjUxMkwxNi42MjQgNS4yNEgxMy45ODRMMTMuODU2IDYuMzZIMTIuNDQ4Wk0xMy4yIDE4LjI4TDEzLjQyNCAxNi4xNjhIOS4wMjRMOS4xNjggMTQuNzI4SDEzLjU2OEwxMy43MjggMTMuMjU2SDEwLjQ5NkwxMS4xNjggNi44NEgxNy43NDRDMTguMTQ5MyA2Ljg0IDE4LjQ0MjcgNi45NjI2NiAxOC42MjQgNy4yMDhDMTguODE2IDcuNDQyNjcgMTguODkwNyA3Ljc0NjY3IDE4Ljg0OCA4LjEyTDE4LjMwNCAxMy4yNTZIMTUuMkwxNS4wNCAxNC43MjhIMTkuNDg4TDE5LjMyOCAxNi4xNjhIMTQuODk2TDE0LjY3MiAxOC4yOEgxMy4yWk0xMi4yNzIgOS40MTZIMTcuMzQ0TDE3LjQ3MiA4LjJIMTIuNEwxMi4yNzIgOS40MTZaTTEyLjAxNiAxMS44OTZIMTcuMDcyTDE3LjIxNiAxMC42NDhIMTIuMTQ0TDEyLjAxNiAxMS44OTZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzMuMzU2OSA0LjA0TDMzLjIyODkgNS4yNzJIMjYuNjIwOUwyNi43NDg5IDQuMDRIMjkuMzg4OUwyOS41MTY5IDIuODA4SDMwLjg0NDlMMzAuNzE2OSA0LjA0SDMzLjM1NjlaTTIxLjE0ODkgMTUuMDMyQzIxLjUzMjkgMTQuMjQyNyAyMS44NjM1IDEzLjQ5NiAyMi4xNDA5IDEyLjc5MkMyMi40Mjg5IDEyLjA3NzMgMjIuNjc5NSAxMS4zNjggMjIuODkyOSAxMC42NjRDMjMuMTE2OSA5Ljk0OTMzIDIzLjMzMDIgOS4xOTIgMjMuNTMyOSA4LjM5MkgyMi42MjA5TDIyLjc2NDkgNy4wNDhIMjQuMDc2OUwyNC4zMzI5IDQuODI0QzI0LjAwMjIgNC45MDkzMyAyMy42NzY5IDQuOTg0IDIzLjM1NjkgNS4wNDhMMjMuMDM2OSAzLjcyQzIzLjU3MDIgMy42MjQgMjQuMTE0MiAzLjUwNjY2IDI0LjY2ODkgMy4zNjhDMjUuMjM0MiAzLjIyOTMzIDI1Ljc0MDkgMy4wOCAyNi4xODg5IDIuOTJMMjYuNTg4OSA0LjE2OEMyNi4yOTAyIDQuMjc0NjYgMjUuOTcwMiA0LjM3NiAyNS42Mjg5IDQuNDcyTDI1LjM1NjkgNy4wNDhIMjYuMzMyOUwyNi4xODg5IDguMzkySDI1LjE2NDlMMjUuMDA0OSA5Ljg5NkMyNS4xNzU1IDEwLjA3NzMgMjUuMzQwOSAxMC4yNjkzIDI1LjUwMDkgMTAuNDcyQzI1LjY3MTUgMTAuNjY0IDI1Ljg0NzUgMTAuODY2NyAyNi4wMjg5IDExLjA4TDI2LjE0MDkgMTAuMDcySDMxLjUxNjlDMzIuMzE2OSAxMC4wNzIgMzIuNjc0MiAxMC40NDUzIDMyLjU4ODkgMTEuMTkyTDMyLjAyODkgMTYuNDU2QzMxLjk3NTUgMTcgMzEuODEwMiAxNy40NDggMzEuNTMyOSAxNy44QzMxLjI1NTUgMTguMTUyIDMwLjgwMjIgMTguMzI4IDMwLjE3MjkgMTguMzI4QzI5Ljc2NzUgMTguMzI4IDI5LjQxNTUgMTguMjEwNyAyOS4xMTY5IDE3Ljk3NkMyOC44MTgyIDE3Ljc1MiAyOC41OTQyIDE3LjQzNzMgMjguNDQ0OSAxNy4wMzJMMjkuNTAwOSAxNi41NTJDMjkuNjgyMiAxNi45NjggMjkuOTE2OSAxNy4xNzYgMzAuMjA0OSAxNy4xNzZDMzAuNDA3NSAxNy4xNzYgMzAuNTQ2MiAxNy4wOTA3IDMwLjYyMDkgMTYuOTJDMzAuNzA2MiAxNi43NDkzIDMwLjc1NDIgMTYuNTk0NyAzMC43NjQ5IDE2LjQ1NkwzMS4zMDg5IDExLjI3MkgyNy4yNzY5TDI2LjU0MDkgMTguMjhIMjUuMjc2OUwyNi4wMTI5IDExLjMzNkwyNS4zNTY5IDEyLjEyQzI1LjE3NTUgMTEuODY0IDI1LjAwNDkgMTEuNjI5MyAyNC44NDQ5IDExLjQxNkwyNC4xMDg5IDE4LjI4SDIyLjg2MDlMMjMuNzcyOSAxMC43MTJDMjMuNTgwOSAxMS41MzMzIDIzLjM1MTUgMTIuMzM4NyAyMy4wODQ5IDEzLjEyOEMyMi44Mjg5IDEzLjkwNjcgMjIuNTE0MiAxNC43MjI3IDIyLjE0MDkgMTUuNTc2TDIxLjE0ODkgMTUuMDMyWk0zMi4yNTI5IDYuOTY4TDMxLjk5NjkgOS4yODhIMjYuOTI0OUwyNy4yNzY5IDUuOTI4SDMxLjI2MDlDMzEuNjY2MiA1LjkyOCAzMS45MzgyIDYuMDI0IDMyLjA3NjkgNi4yMTZDMzIuMjI2MiA2LjQwOCAzMi4yODQ5IDYuNjU4NjcgMzIuMjUyOSA2Ljk2OFpNMjguMjY4OSA4LjE2OEgzMC44NzY5TDMxLjAwNDkgNy4wNDhIMjguMzgwOUwyOC4yNjg5IDguMTY4Wk0zMC40OTI5IDEzTDMwLjE4ODkgMTUuNzg0SDI3LjQyMDlMMjcuODIwOSAxMi4xNTJIMjkuNzI0OUMzMC4wNjYyIDEyLjE1MiAzMC4yODQ5IDEyLjIzMiAzMC4zODA5IDEyLjM5MkMzMC40ODc1IDEyLjU1MiAzMC41MjQ5IDEyLjc1NDcgMzAuNDkyOSAxM1pNMjguNTcyOSAxNC43OTJIMjkuMjQ0OUwyOS40MzY5IDEzLjE0NEgyOC43NDg5TDI4LjU3MjkgMTQuNzkyWiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV8xMTJfMTIyIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDIiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjY4NzUgMCAwIDAgMCAwLjE2NSAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzExMl8xMjIiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xMTJfMTIyIiB4MT0iMzciIHkxPSIwLjUwMDAwMSIgeDI9IjQuMjUxOTYiIHkyPSIyMC43OTI4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjhENTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjc3MDgzMyIgc3RvcC1jb2xvcj0iI0ZENUUwRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjg1NDgiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}

.post-status-icon.pending {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCA0MiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xMTJfMTI1KSI+CjxyZWN0IHdpZHRoPSI0MiIgaGVpZ2h0PSIyMSIgcng9IjMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMTJfMTI1KSIvPgo8L2c+CjxwYXRoIGQ9Ik0yMC4yODggNy44OTZMMjAuMTQ0IDkuMjcySDEyLjk3NkwxMy4xMiA3Ljg5NkgxNi4wNDhMMTYuMjU2IDUuOTZIMTMuNjk2TDEzLjg0IDQuNTg0SDE2LjRMMTYuNTkyIDIuNzkySDE3LjkyTDE3LjcyOCA0LjU4NEgyMC4yNTZMMjAuMTEyIDUuOTZIMTcuNTg0TDE3LjM3NiA3Ljg5NkgyMC4yODhaTTEzLjM0NCAzLjQ2NEMxMi45Mzg3IDQuMTg5MzMgMTIuNDkwNyA0Ljg4MjY3IDEyIDUuNTQ0QzExLjUyIDYuMTk0NjcgMTAuOTcwNyA2LjgzNDY3IDEwLjM1MiA3LjQ2NEw5LjM2IDYuNTM2QzkuOTI1MzMgNS45NzA2NyAxMC40MzczIDUuMzc4NjcgMTAuODk2IDQuNzZDMTEuMzY1MyA0LjE0MTMzIDExLjc4NjcgMy40OTA2NyAxMi4xNiAyLjgwOEwxMy4zNDQgMy40NjRaTTExLjA0IDE4LjI4SDkuNjY0TDEwLjQxNiAxMS4zMDRDMTAuMTYgMTEuNTkyIDkuODk4NjcgMTEuODY5MyA5LjYzMiAxMi4xMzZMOC43NjggMTEuMDhDOS40NjEzMyAxMC40NCAxMC4wOCA5Ljc1MiAxMC42MjQgOS4wMTZDMTEuMTY4IDguMjY5MzMgMTEuNjggNy40ODUzMyAxMi4xNiA2LjY2NEwxMy4yNDggNy40MTZDMTIuODUzMyA4LjA4OCAxMi40MzIgOC43Mzg2NyAxMS45ODQgOS4zNjhMMTEuMDQgMTguMjhaTTE0LjU5MiAxNS44NjRDMTQuNzk0NyAxNi42MzIgMTUuMTg5MyAxNy4wMTYgMTUuNzc2IDE3LjAxNkMxNi4xNDkzIDE3LjAxNiAxNi40MzIgMTYuOTE0NyAxNi42MjQgMTYuNzEyQzE2LjgyNjcgMTYuNDk4NyAxNi45NTQ3IDE2LjEyIDE3LjAwOCAxNS41NzZMMTcuMzQ0IDEyLjQ1NkgxMi44NjRMMTMuMDA4IDExLjA5NkgxNy40ODhMMTcuNjE2IDkuODQ4SDE5LjAwOEwxOC44OCAxMS4wOTZIMTkuODRMMTkuNjk2IDEyLjQ1NkgxOC43MzZMMTguMzg0IDE1Ljc2OEMxOC4zMzA3IDE2LjIzNzMgMTguMjA4IDE2LjY2NCAxOC4wMTYgMTcuMDQ4QzE3LjgzNDcgMTcuNDMyIDE3LjU2OCAxNy43MzYgMTcuMjE2IDE3Ljk2QzE2Ljg3NDcgMTguMTg0IDE2LjQ0MjcgMTguMjk2IDE1LjkyIDE4LjI5NkMxNS4yMzczIDE4LjI5NiAxNC42NzIgMTguMDk4NyAxNC4yMjQgMTcuNzA0QzEzLjc4NjcgMTcuMzA5MyAxMy40OTMzIDE2Ljc4NjcgMTMuMzQ0IDE2LjEzNkwxNC41OTIgMTUuODY0Wk0xNS45MzYgMTQuODI0TDE0LjkxMiAxNS41NkMxNC43MzA3IDE1LjIxODcgMTQuNTEyIDE0Ljg3MiAxNC4yNTYgMTQuNTJDMTQuMDEwNyAxNC4xNjggMTMuNzM4NyAxMy44NDI3IDEzLjQ0IDEzLjU0NEwxNC40MTYgMTIuODA4QzE0LjY4MjcgMTMuMDUzMyAxNC45NiAxMy4zNjggMTUuMjQ4IDEzLjc1MkMxNS41MzYgMTQuMTI1MyAxNS43NjUzIDE0LjQ4MjcgMTUuOTM2IDE0LjgyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNC4yODQ5IDcuMDMySDIyLjgxMjlMMjMuMTAwOSA0LjI0OEgyNy40MzY5TDI3LjU4MDkgMi43OTJIMjkuMDUyOUwyOC45MDg5IDQuMjQ4SDMxLjgyMDlDMzIuMzAwOSA0LjI0OCAzMi42NDc1IDQuMzc2IDMyLjg2MDkgNC42MzJDMzMuMDc0MiA0Ljg3NzMzIDMzLjE1OTUgNS4xOTczMyAzMy4xMTY5IDUuNTkyTDMyLjk3MjkgNy4wMzJIMzEuNTAwOUwzMS42NDQ5IDUuNjRIMjQuNDI4OUwyNC4yODQ5IDcuMDMyWk0yNi4wOTI5IDE4LjYzMkwyNi40Mjg5IDE1LjMzNkgyMy4wMDQ5VjE1LjMwNEwyMi43MDA5IDE1LjMzNkwyMy41MTY5IDcuOTQ0SDI3LjIxMjlMMjcuMzcyOSA2LjM2SDI4Ljc5NjlMMjguNjM2OSA3Ljk0NEgzMS4xMDA5QzMxLjUzODIgNy45NDQgMzEuODQ3NSA4LjA2NjY3IDMyLjAyODkgOC4zMTJDMzIuMjIwOSA4LjU0NjY3IDMyLjI5NTUgOC44NDUzMyAzMi4yNTI5IDkuMjA4TDMxLjU0ODkgMTUuMzM2SDI3Ljg1MjlMMjcuNTE2OSAxOC42MzJIMjYuMDkyOVpNMjQuNTA4OSAxMUgyNi44OTI5TDI3LjA2ODkgOS4yNzJIMjQuNzE2OUwyNC41MDg5IDExWk0yOC4zMTY5IDExSDMwLjYzNjlMMzAuODI4OSA5LjI3MkgyOC40OTI5TDI4LjMxNjkgMTFaTTI0LjE1NjkgMTQuMDI0SDI2LjU3MjlMMjYuNzY0OSAxMi4ySDI0LjM2NDlMMjQuMTU2OSAxNC4wMjRaTTI3Ljk5NjkgMTQuMDI0SDMwLjI4NDlMMzAuNDkyOSAxMi4ySDI4LjE4ODlMMjcuOTk2OSAxNC4wMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzExMl8xMjUiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSIyMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMTEyXzEyNSIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzExMl8xMjUiIHgxPSIzNyIgeTE9IjAuNTAwMDAxIiB4Mj0iNC4yNTE5NiIgeTI9IjIwLjc5MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQjc0QSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzcwODMzIiBzdG9wLWNvbG9yPSIjRkQ5MDBGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQjY0OCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.post-status-icon.private {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCA0MiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQyIiBoZWlnaHQ9IjIxIiByeD0iMyIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzExMl8xMTkpIi8+CjxwYXRoIGQ9Ik05LjU1MiAxNi4wMDhMOC42MjQgMTUuNDE2QzkuMTc4NjcgMTQuNDI0IDkuNjc0NjcgMTMuMzYyNyAxMC4xMTIgMTIuMjMyQzEwLjU2IDExLjEwMTMgMTAuOTMzMyA5Ljg0OCAxMS4yMzIgOC40NzJIOS44MjRMOS45NjggNy4xMjhIMTEuODA4TDEyLjA0OCA0LjkwNEMxMS41NTczIDUuMDEwNjcgMTEuMDY2NyA1LjEwNjY3IDEwLjU3NiA1LjE5MkwxMC4yMjQgMy44OTZDMTAuOTQ5MyAzLjc3ODY3IDExLjY4IDMuNjM0NjcgMTIuNDE2IDMuNDY0QzEzLjE2MjcgMy4yODI2NyAxMy44NTA3IDMuMDkwNjcgMTQuNDggMi44ODhMMTQuOTI4IDQuMTA0QzE0LjQ2OTMgNC4yNjQgMTMuOTg0IDQuNDEzMzMgMTMuNDcyIDQuNTUyTDEzLjE4NCA3LjEyOEgxNC43MkwxNC41NzYgOC40NzJIMTIuOTkyTDEyLjg5NiA5LjMzNkMxMy4xNzMzIDkuNjEzMzMgMTMuNDM0NyA5Ljg5MDY3IDEzLjY4IDEwLjE2OEMxMy45MjUzIDEwLjQ0NTMgMTQuMTg2NyAxMC43NTQ3IDE0LjQ2NCAxMS4wOTZMMTMuNzEyIDEyLjAyNEMxMy4zODEzIDExLjU1NDcgMTMuMDYxMyAxMS4xMzMzIDEyLjc1MiAxMC43NkwxMS45NTIgMTguMjhIMTAuNjRMMTEuNiA5Ljg2NEMxMS4zNDQgMTEuMDI2NyAxMS4wNTA3IDEyLjEwOTMgMTAuNzIgMTMuMTEyQzEwLjQgMTQuMTE0NyAxMC4wMTA3IDE1LjA4IDkuNTUyIDE2LjAwOFpNMTguMzUyIDExLjA0OEMxOC42MjkzIDEyLjE3ODcgMTguODc0NyAxMy4yODggMTkuMDg4IDE0LjM3NkMxOS4zMDEzIDE1LjQ2NCAxOS40ODggMTYuNTYyNyAxOS42NDggMTcuNjcyTDE4LjI4OCAxNy45NkMxOC4yMjQgMTcuNTIyNyAxOC4xNTQ3IDE3LjA3NDcgMTguMDggMTYuNjE2QzE3LjIyNjcgMTYuODI5MyAxNi4zNjggMTcuMDMyIDE1LjUwNCAxNy4yMjRDMTQuNjQgMTcuNDE2IDEzLjc2IDE3LjYwOCAxMi44NjQgMTcuOEwxMi42NCAxNi41MzZDMTIuODY0IDE2LjQ5MzMgMTMuMDgyNyAxNi40NTA3IDEzLjI5NiAxNi40MDhDMTQuMDc0NyAxNC4zNiAxNC42OTMzIDEyLjI0OCAxNS4xNTIgMTAuMDcyQzE1LjYyMTMgNy44ODUzMyAxNi4wMTYgNS41MjI2NyAxNi4zMzYgMi45ODRMMTcuODA4IDMuMTQ0QzE3LjYxNiA0LjY1ODY3IDE3LjM4NjcgNi4xMjUzMyAxNy4xMiA3LjU0NEMxNi44NjQgOC45NjI2NyAxNi41NTQ3IDEwLjM3NiAxNi4xOTIgMTEuNzg0QzE1LjgyOTMgMTMuMTgxMyAxNS4zODEzIDE0LjYxMDcgMTQuODQ4IDE2LjA3MkMxNS4zNiAxNS45NTQ3IDE1Ljg2NjcgMTUuODM3MyAxNi4zNjggMTUuNzJDMTYuODY5MyAxNS41OTIgMTcuMzY1MyAxNS40NjQgMTcuODU2IDE1LjMzNkMxNy43Mzg3IDE0LjcxNzMgMTcuNjEwNyAxNC4wOTMzIDE3LjQ3MiAxMy40NjRDMTcuMzQ0IDEyLjgyNCAxNy4yMDUzIDEyLjE3MzMgMTcuMDU2IDExLjUxMkwxOC4zNTIgMTEuMDQ4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0LjMwMDkgNi42MzJIMjIuOTg4OUwyMy4yNDQ5IDQuMTM2SDI3LjQ4NDlMMjcuNjI4OSAyLjc5MkgyOS4wMDQ5TDI4Ljg2MDkgNC4xMzZIMzIuMDYwOUMzMi40NDQ5IDQuMTM2IDMyLjcyNzUgNC4yNDI2NyAzMi45MDg5IDQuNDU2QzMzLjEwMDkgNC42NTg2NyAzMy4xNzU1IDQuOTMwNjcgMzMuMTMyOSA1LjI3MkwzMi45MjQ5IDcuMTI4SDMxLjYxMjlMMzEuODA0OSA1LjM2OEgyNy4yNzY5QzI3Ljc3ODIgNS45ODY2NyAyOC4yMjA5IDYuNjUzMzMgMjguNjA0OSA3LjM2OEwyNy42Mjg5IDguMDA4QzI3LjQyNjIgNy42MzQ2NyAyNy4yMDc1IDcuMjcyIDI2Ljk3MjkgNi45MkMyNi43MzgyIDYuNTU3MzMgMjYuNDgyMiA2LjIxMDY3IDI2LjIwNDkgNS44OEwyNi45NDA5IDUuMzY4SDI0LjQyODlMMjQuMzAwOSA2LjYzMlpNMzEuMDA0OSA5LjU5MkMzMC44NjYyIDEwLjU2MjcgMzAuNTUxNSAxMS4zNTIgMzAuMDYwOSAxMS45NkMyOS41ODA5IDEyLjU1NzMgMjguODUwMiAxMi44NTYgMjcuODY4OSAxMi44NTZDMjcuMzAzNSAxMi44NTYgMjYuODM5NSAxMi43MzMzIDI2LjQ3NjkgMTIuNDg4QzI2LjExNDIgMTIuMjMyIDI1LjgyNjIgMTEuODg1MyAyNS42MTI5IDExLjQ0OEMyNC42NzQyIDExLjg3NDcgMjMuNjE4MiAxMi4yNDggMjIuNDQ0OSAxMi41NjhMMjIuMTQwOSAxMS40QzIyLjcyNzUgMTEuMjUwNyAyMy4yNzY5IDExLjA4NTMgMjMuNzg4OSAxMC45MDRDMjQuMzAwOSAxMC43MTIgMjQuNzg2MiAxMC41MDQgMjUuMjQ0OSAxMC4yOEMyNS4xNDg5IDkuODIxMzMgMjUuMDk1NSA5LjMxNDY3IDI1LjA4NDkgOC43NkMyNS4wODQ5IDguMjA1MzMgMjUuMTA2MiA3LjYyNCAyNS4xNDg5IDcuMDE2TDI2LjQ0NDkgNi45ODRDMjYuNDIzNSA3LjM4OTMzIDI2LjQwNzUgNy44MjY2NyAyNi4zOTY5IDguMjk2QzI2LjM5NjkgOC43NTQ2NyAyNi40MjM1IDkuMTkyIDI2LjQ3NjkgOS42MDhDMjcuMjM0MiA5LjEzODY3IDI3LjkyMjIgOC42MTA2NyAyOC41NDA5IDguMDI0QzI5LjE3MDIgNy40MzczMyAyOS43NzgyIDYuNzg2NjcgMzAuMzY0OSA2LjA3MkwzMS4zMDg5IDYuODI0QzMwLjYyNjIgNy42NjY2NyAyOS45Mjc1IDguNDE4NjcgMjkuMjEyOSA5LjA4QzI4LjQ5ODIgOS43MzA2NyAyNy42OTI5IDEwLjMxMiAyNi43OTY5IDEwLjgyNEMyNi45MTQyIDExLjA1ODcgMjcuMDYzNSAxMS4yNDUzIDI3LjI0NDkgMTEuMzg0QzI3LjQzNjkgMTEuNTEyIDI3LjY3MTUgMTEuNTc2IDI3Ljk0ODkgMTEuNTc2QzI4LjQ4MjIgMTEuNTc2IDI4Ljg3NjkgMTEuNDA1MyAyOS4xMzI5IDExLjA2NEMyOS4zOTk1IDEwLjcyMjcgMjkuNjAyMiAxMC4xNjggMjkuNzQwOSA5LjRMMzEuMDA0OSA5LjU5MlpNMjQuOTcyOSA3LjE5MkMyNC44MzQyIDcuNzI1MzMgMjQuNjQ3NSA4LjI4IDI0LjQxMjkgOC44NTZDMjQuMTg4OSA5LjQzMiAyMy44OTAyIDEwLjA0IDIzLjUxNjkgMTAuNjhMMjIuMzk2OSAxMC4xMzZDMjIuNzE2OSA5LjU5MiAyMi45OTQyIDkuMDQ4IDIzLjIyODkgOC41MDRDMjMuNDYzNSA3Ljk0OTMzIDIzLjY2NjIgNy4zOTQ2NyAyMy44MzY5IDYuODRMMjQuOTcyOSA3LjE5MlpNMzEuNzQwOSA3LjQ0OEMzMS45OTY5IDcuOTYgMzIuMjI2MiA4LjUwOTMzIDMyLjQyODkgOS4wOTZDMzIuNjMxNSA5LjY3MiAzMi44MDIyIDEwLjI2OTMgMzIuOTQwOSAxMC44ODhMMzEuNzI0OSAxMS4zMDRDMzEuNDY4OSAxMC4wOTg3IDMxLjA4NDkgOC45ODQgMzAuNTcyOSA3Ljk2TDMxLjc0MDkgNy40NDhaTTI0LjU1NjkgMTMuNzJMMjQuMjIwOSAxNi44NEgyNi40MTI5TDI2Ljc4MDkgMTMuMjg4SDI4LjIzNjlMMjcuODg0OSAxNi44NEgzMC4wNDQ5TDMwLjM4MDkgMTMuNzJIMzEuODIwOUwzMS4zNTY5IDE4LjE4NEgyMi42MzY5TDIzLjExNjkgMTMuNzJIMjQuNTU2OVoiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTEyXzExOSIgeDE9IjM3IiB5MT0iMC41MDAwMDEiIHgyPSI0LjI1MTk2IiB5Mj0iMjAuNzkyOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzkzOTM5Ii8+CjxzdG9wIG9mZnNldD0iMC41MzEyNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0NzQ3NDciLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
}

/*--------------------------------------------------------------
Post audio cover
--------------------------------------------------------------*/

.post-film-cover {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    border-radius: var(--border-radius-sm);
    margin: 0 0 1.5rem;
}

.post-film-cover .bg-film-cover {
    background-position: center;
}

.post-film-cover .bg-image-color {
    opacity: 0.9;
}

.post-film-cover .bg-film-cover {
    opacity: 0.3;
    -webkit-filter: blur(0.625rem);
    filter: blur(0.625rem);
    transform: scale(1.15);
}

.post-film-cover .media {
    padding-left: 0;
    padding-right: 0;
}

.post-film-cover .film-content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    color: #fff;
}

@media (max-width: 767.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1rem;
    }
}

@media (min-width: 1200px) {
    .post-film-cover .film-content {
        margin: 0 0 0 1.5rem;
    }
}

/*--------------------------------------------------------------
data-style
--------------------------------------------------------------*/

@-webkit-keyframes like-button-animation {

    0%,
    to {
        transform: scale(1);
    }

    25% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(0.95);
    }
}

@keyframes like-button-animation {

    0%,
    to {
        transform: scale(1);
    }

    25% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(0.95);
    }
}

/*--------------------------------------------------------------
Post like style
--------------------------------------------------------------*/

.post-actions .like-toggle {
    position: relative;

}

.like-toggle {
    border-width: 0;
}

.like-toggle span {
    z-index: 1;
}

.like-toggle span .solid {
    display: none;
}

.like-toggle .like-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #ff0755;
    transform: scale(0);
    transition: all 0.4s;
    z-index: 0;
}

.like-toggle.active .like-overlay {
    transform: scale(1);
}

.like-toggle.active span {
    color: #fff;
}

.like-toggle.active span .line {
    display: none;
}

.like-toggle.active span .solid {
    display: block;
}

.like-toggle.active span.bouncy i {
    -webkit-animation: bouncy 0.6s;
    animation: bouncy 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bouncy {

    from,
    to {
        -webkit-transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.9, 1.1);
    }

    50% {
        -webkit-transform: scale(1.1, 0.9);
    }

    75% {
        -webkit-transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes bouncy {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes bouncy {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

/*--------------------------------------------------------------
Post share style
--------------------------------------------------------------*/

.post-share-channel a {
    margin: 5px;
}

/*--------------------------------------------------------------
Post meta style
--------------------------------------------------------------*/

.post-meta .flex-avatar {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .post-meta .flex-avatar {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .post-meta .flex-avatar {
        width: 36px;
        height: 36px;
    }
}

/*--------------------------------------------------------------
post dock
--------------------------------------------------------------*/

.post-fixed-dock {
    display: none;
}

.post-fixed-dock .collect-toggle.active,
.post-fixed-dock .like-toggle.active {
    color: var(--color-primary) !important;
}

@supports (bottom: env(safe-area-inset-bottom)) {
    .post-fixed-dock {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

@media (max-width: 991.98px) {
    .post-fixed-dock {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        will-change: transform;
        transition: transform 0.25s ease-in-out;
        z-index: 999;
        transform: translateY(100%);
    }

    .dock-inner {
        position: relative;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        background-color: #fff;
        padding: 0.75rem 0.875rem 0.75rem;
        border-radius: 50px;
        box-shadow: 0px 10px 30px 0px rgb(26 26 26 / 12%);
    }

    .post-fixed-dock a {
        margin: 0 0.75rem;
    }

    .post-fixed-dock.sticky {
        transform: translateY(-30px);
    }
}

/*--------------------------------------------------------------
Toc
--------------------------------------------------------------*/

.toc {
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.toc-list {
    position: relative;
}

.toc-list li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 16px;
}

.toc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    border: 1px solid var(--color-dark);
    background-color: var(--color-dark);
    opacity: .2;
}

.toc-list li:last-child {
    margin: 0;
}

.toc-list .toc-list li {
    margin: 10px 0 0;
}

.toc-list .toc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
}

.toc-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    opacity: .6;
}

.toc-link:hover,
.toc-link.is-active-link {
    font-weight: bold;
    color: var(--color-primary);
    opacity: 1
}

.toc-list .is-active-li::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    opacity: 1;
}

#toc-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

#toc-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-dark);
}

#toc-scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--bg-light);
}

.widget_post_toc {
    transition: all 300ms ease-in-out;
}

.widget_post_toc.sticky {
    position: sticky;
    top: 86px;
    z-index: 1;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}


/*--------------------------------------------------------------
Comment style
--------------------------------------------------------------*/
.comment-respond {
    margin: 0 0 2rem 0;
}

.comment-login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 100px;
}

.comment {
    position: relative;
    margin: 1.5rem 0;
    padding-left: 48px;
}

.comment-form {
    position: relative;
    padding-left: 48px;
}

.comment_at {
    font-weight: 500;
    color: var(--color-dark);
}

.comment-avatar {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    left: 0;
}

.comment-logged {
    display: flex;
    align-items: center;
    gap: 4px;
}

.comment-logged a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: var(--color-muted);
}

.comment-logged a:hover {
    color: var(--color-primary)
}

.comment .comment-inner .apollo-user-level {
    padding: 0.125rem 0.5rem 0.125rem 0.5rem;
}

.comment .comment-author .author-badge {
    position: relative;
    top: -1px;
    font-size: 12px;
    padding: 2px 4px;
    margin-left: 4px;
    border-radius: 4px;
    color: var(--color-primary);
    background-color: var(--outline-primary);
    border: 1px solid var(--outline-primary);
}

.comment .comment-content {
    margin: 0.25rem 0;
}

.comment .comment-author a {
    color: var(--color-secondary);
}

.comment .comment-author a:hover {
    color: var(--color-primary);
}

.children {
    margin: 1.5rem 0 0;
}

.children .comment-form {
    margin: 1.25rem 0 0;
    padding: 0 0 0 45px;
}

.children .comment {
    margin: 1.25rem 0 0;
    padding: 0 0 0 36px;
    border-top: 0;
}

.children .comment:first-child {
    margin: 0;
}

.children .comment-avatar {
    width: 1.875rem;
    height: 1.875rem;
}

.children .comment .comment-content {
    margin: 0.375rem 0;
    word-wrap: break-word;
    word-break: break-all;
}

.children .comment .comment-inner {
    margin: 0.25rem 0 0 0;
}

.children .comment .comment-footer .comment-date {
    flex: none;
}

@media only screen and (max-width: 767px) {
    .comment-list .comment-respond {
        margin: 0 0 2rem;
    }

    .comment-form {
        padding-left: 35px;
    }

    .comment {
        margin: 1.5rem 0;
        padding-left: 35px;
    }

    .comment-avatar {
        width: 1.75rem;
        height: 1.75rem;
    }

    .comment .comment-content {
        margin: 0.5rem 0;
    }

    .children .comment-form,
    .children .comment {
        padding: 0 0 0 35px;
        margin: 1rem 0 0;
    }

    .children .comment-avatar {
        width: 1.75rem;
        height: 1.75rem;
    }

    .children .comment .comment-content {
        margin: 0.3125rem 0;
    }
}

/*--------------------------------------------------------------
author info style
--------------------------------------------------------------*/
.author-info-block {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
}

.author-info-block .media {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.author-info-block .author-info-body {
    position: relative;
    padding: 4.75rem 1.25rem 1.25rem;
}

.author-info-block .flex-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.author-info-block .avatar-badge {
    width: 25px;
    height: 25px;
    transform: translate(-5px, 0px);
}

.author-info-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/*--------------------------------------------------------------
Widget style
--------------------------------------------------------------*/

.widget {
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.widget.hidden {
    opacity: .1;
    pointer-events: none;
}

.widget-title {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1rem;
}

.widget-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 5px;
    height: 19px;
    background: var(--color-primary);
    background: linear-gradient(to top, #f2995f, var(--color-primary));
    border-radius: 20px;
}


/*--------------------------------------------------------------
  ## widget search style
--------------------------------------------------------------*/

.widget_search .search-form {
    position: relative;
}

.widget_search .search-form label {
    display: block;
    margin: 0;
}

.widget_search .search-form .search-field {
    width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: transparent;
    border: 1px solid var(--gray-3);
    border-radius: var(--border-radius-sm);
}

.widget_search .search-form .search-field:focus {
    border-color: var(--color-primary)
}

.widget_search .search-form .search-submit {
    display: none;
}

body[data-scheme="dark"] .widget_search .search-form .search-field {
    border: 1px solid var(--gray-5);
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .widget_search .search-form .search-field {
        border: 1px solid var(--gray-5);
    }
}

/*--------------------------------------------------------------
  ## widget recent entries style
--------------------------------------------------------------*/

.widget_recent_entries ul {
    padding-left: 1rem;
}

.widget_recent_entries ul li {
    margin-bottom: 0.5rem;
    list-style-type: circle;
}

.widget_recent_entries ul li a {
    display: block;
}

.widget_recent_entries ul li span {
    color: #8a92a9;
    font-size: 0.75rem;
}

/*--------------------------------------------------------------
  ## widget categories + tag cloud style
--------------------------------------------------------------*/

.widget_categories ul,
.tagcloud {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.widget_categories ul li a,
.tagcloud a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .75rem;
    padding: .375rem .875rem;
    border: 1px solid var(--bg-light);
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
}

.widget_categories ul li a {
    font-size: .875rem;
    color: var(--color-muted);
}

.widget_categories ul li a:hover {
    color: #fff;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.widget_categories .postform {
    width: 100%;
    padding: .5rem .75rem;
    border-radius: var(--border-radius-sm);
    border-color: var(--gray-3);
    outline: 0;
}

.widget_categories .postform:active,
.widget_categories .postform:focus {
    border-color: var(--gray-2);
}

.tagcloud a {
    font-size: .875rem !important;
    padding: 0.375rem 0.75rem;
    color: var(--color-muted);
}

.tagcloud a:hover {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: #fff;
}

.tagcloud a span {
    font-size: .75rem;
    color: var(--color-muted);
}

body[data-scheme="dark"] .widget_categories ul li a {
    color: var(--color-light);
}

body[data-scheme="dark"] .widget_categories ul li a:hover {
    color: #fff;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .widget_categories ul li a {
        color: var(--color-light);
    }

    body[data-scheme="auto"] .widget_categories ul li a:hover {
        color: #fff;
        border-color: var(--color-primary);
        background-color: var(--color-primary);
    }
}

body[data-scheme="dark"] .tagcloud a {
    color: var(--color-light);
}

body[data-scheme="dark"] .tagcloud a:hover {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    color: #fff;
}

body[data-scheme="dark"] .tagcloud a span {
    font-size: .75rem;
    color: var(--color-muted);
}

/*--------------------------------------------------------------
  ## widget other style
--------------------------------------------------------------*/
.widget_meta li,
.widget_archive li {
    position: relative;
    font-size: 0.875rem;
    color: var(--color-muted);
    padding: 0.75rem 0;
    text-transform: uppercase;
    border-top: 1px solid var(--gray-3);
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: justify;
    justify-content: space-between;
}

.widget_archive select {
    width: 100%;
    font-size: 1rem;
    padding: 0.625rem 1rem;
    color: var(--color-muted);
    background-color: var(--bg-light);
    border-color: var(--gray-3);
    border-radius: var(--border-radius-sm);
}

body[data-scheme="dark"] .widget_meta li,
body[data-scheme="dark"] .widget_archive li {
    color: var(--color-light);
    border-top: 1px solid var(--gray-5);
}

body[data-scheme="dark"] .widget_archive select {
    color: var(--color-light);
    background-color: var(--gray-5);
    border-color: var(--gray-5);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .widget_meta li,
    body[data-scheme="auto"] .widget_archive li {
        color: var(--color-light);
        border-top: 1px solid var(--gray-5);
    }

    body[data-scheme="auto"] .widget_archive select {
        color: var(--color-light);
        background-color: var(--gray-5);
        border-color: var(--gray-5);
    }
}

/*--------------------------------------------------------------
  ## widget blogroll style
--------------------------------------------------------------*/
.blogroll li {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    padding: .75rem 3.5rem .75rem 1rem;
    color: var(--color-muted);
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
    margin-bottom: 1rem;
}

.blogroll li:last-child {
    margin-bottom: 0;
}

.blogroll li a {
    font-size: .875rem;
    text-transform: uppercase;
}

.blogroll li a img {
    position: absolute;
    top: 50%;
    right: .75rem;
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translateY(-50%);
}

body[data-scheme="dark"] .blogroll li {
    background-color: var(--bg-muted);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .blogroll li {
        background-color: var(--bg-muted);
    }
}

/*--------------------------------------------------------------
  widget_media_image style
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
  ## widget_recent_comments style
--------------------------------------------------------------*/

.widget_recent_comments ul li {
    font-size: 0.875rem;
    padding: 0.75rem 0;
    text-transform: uppercase;
    border-top: 1px solid var(--gray-3);
}

.widget_recent_comments ul li span {
    margin-right: 5px;
}

.widget_recent_comments ul li:first-child {
    border-top: 0;
    padding-top: 0;
}

.widget_recent_comments ul li:last-child {
    padding-bottom: 0;
}

body[data-scheme="dark"] .widget_recent_comments ul li {
    border-top: 1px solid var(--gray-5);
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .widget_recent_comments ul li {
        border-top: 1px solid var(--gray-5);
    }
}

/*--------------------------------------------------------------
  ## widget_recent_comments style
--------------------------------------------------------------*/

.widget_nav_menu ul li {
    position: relative;
    text-transform: none;
    margin-bottom: .5rem;
}

.widget_nav_menu ul li:last-child {
    margin-bottom: 0;
}

.widget_nav_menu ul li a {
    display: block;
    padding: .5rem .75rem;
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
}

.widget_nav_menu ul li.menu-item-has-children::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 6px;
    width: 6px;
    border-left: 1px solid var(--gray-3);
    border-bottom: 1px solid var(--gray-3);
    transform: rotate(315deg);
    transition: all 0.2s;
}

.widget_nav_menu ul li.menu-item-has-children:hover::after {
    margin-top: 2px;
    transform: rotate(135deg);
}

.widget_nav_menu ul li ul {
    margin-top: .5rem;
}

.widget_nav_menu ul li > ul {
    display: none;
}

.widget_nav_menu ul li:hover > ul {
    display: block;
}

.widget_nav_menu ul li > ul ul li a {
    background-color: var(--bg-light);
}

body[data-scheme="dark"] .widget_nav_menu ul li a {
    background-color: var(--gray-5);
}

body[data-scheme="dark"] .widget_nav_menu ul li.menu-item-has-children::after {
    border-left: 1px solid var(--border-muted);
    border-bottom: 1px solid var(--border-muted);
}

body[data-scheme="dark"] .widget_nav_menu ul li > ul ul li a {
    background-color: var(--gray-5);
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .widget_nav_menu ul li a {
        background-color: var(--gray-5);
    }

    body[data-scheme="auto"] .widget_nav_menu ul li.menu-item-has-children::after {
        border-left: 1px solid var(--border-muted);
        border-bottom: 1px solid var(--border-muted);
    }

    body[data-scheme="auto"] .widget_nav_menu ul li > ul ul li a {
        background-color: var(--gray-5);
    }
}

/*--------------------------------------------------------------
  ## widget_calendar style
--------------------------------------------------------------*/

.widget_calendar table {
    width: 100%;
    min-width: auto;
    margin: 0;
    border-collapse: collapse;
}

.widget_calendar caption {
    padding: 10px 0;
    border-bottom: 0;
    color: var(--color-muted);
}

.widget_calendar th,
.widget_calendar td {
    padding: .5rem .25rem;
    text-align: center;
    color: var(--color-muted);
}

.widget_calendar tbody td a {
    position: relative
}

.widget_calendar tbody td a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 4px;
    height: 4px;
    background: var(--color-success);
    border-radius: 10px;
    margin: 0 0 0 -2px
}

.widget_calendar td#today {
    font-weight: bold
}

/*--------------------------------------------------------------
  ## widget_media_gallery style
--------------------------------------------------------------*/

.widget_media_gallery .gallery {
    padding: 0.75rem 0.75rem 0;
    margin-bottom: 0;
}

.widget_media_gallery .gallery-caption {
    padding: 0.25rem;
}

/*--------------------------------------------------------------
  ## widget_rss style
--------------------------------------------------------------*/

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss ul li {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--gray-3);
}

.widget_rss ul li:first-child {
    border: none;
    padding-top: 0;
}

.widget_rss ul li .rsswidget {
    font-size: 0.75rem;
    display: block;
}

.widget_rss ul li .rss-date {
    font-size: 0.75rem;
    color: var(--color-muted);
}

.widget_rss ul li .rssSummary {
    font-size: 0.75rem;
    margin-top: 5px;
    color: var(--color-muted);
}

.widget_rss ul li cite {
    font-size: 0.75rem;
    font-style: normal;
    color: var(--color-muted);
}

body[data-scheme="dark"] .widget_rss ul li {
    border-top: 1px solid var(--gray-5);
}

@media (prefers-color-scheme: dark) {

    body[data-scheme="auto"] .widget_rss ul li {
        border-top: 1px solid var(--gray-5);
    }
}

/*--------------------------------------------------------------
Widget hots comments
--------------------------------------------------------------*/

.widget-hots-comments .author-comment {
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    flex-direction: row;
    border-radius: var(--border-radius-sm);
    margin: 0 0 1rem;
    background-color: var(--color-dark);
}

.widget-hots-comments .author-comment:last-child {
    margin: 0;
}

.widget-hots-comments .author-comment .media {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget-hots-comments .author-comment .media .media-content {
    -webkit-filter: blur(0.9375rem);
    filter: blur(0.9375rem);
    transform: scale(1.1);
}

.widget-hots-comments .author-comment .hots-comment-content {
    position: relative;
    padding: 1rem 0.5rem;
    color: #fff;
    z-index: 1;
}

.widget-hots-comments .author-comment .hots-comment-body {
    position: relative;
    padding: 0 1rem 0 1.5rem;
}

.widget-hots-comments .author-comment .hots-comment-title {
    position: relative;
}

.widget-hots-comments .author-comment .hots-comment-title .icon-quote1 {
    position: absolute;
    font-size: 1.25rem;
    left: -1.5rem;
    top: -0.25rem;
    opacity: 0.8;
}

.widget-hots-comments .author-comment .hots-comment-title .icon-quote2 {
    position: absolute;
    font-size: 1.25rem;
    right: -1rem;
    bottom: 0;
    opacity: 0.8;
}

.widget-hots-comments .author-comment .hots-comment-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/*--------------------------------------------------------------
Apollo widget style
--------------------------------------------------------------*/

.widget-time-tags-list li {
    display: inline-block;
    padding: 0.3125rem 0.3125rem 0.3125rem 0;
}

.widget-time-tags-list li .btn-time {
    background: #6d7685;
    background: linear-gradient(to right, #9ca2a9, #6d7685);
    border: 0;
    color: #fff;
    transition: all 0.3s ease;
}

.widget-time-tags-list li .btn-time:hover {
    opacity: 0.8;
}

.widget-time-tags-list li:nth-child(1) .btn-time {
    background: #eb3349;
    background: linear-gradient(to right, #ff6e41, #ff0844);
    border: 0;
    color: #fff;
}

.widget-time-tags-list li:nth-child(3) .btn-time {
    background: #43e97b;
    background: linear-gradient(to right, #43e97b, #38f9d7);
    color: #fff;
    border: 0;
}

.widget-time-tags-list li:nth-child(2) .btn-time {
    background: #66a6ff;
    background: linear-gradient(to right, #89f7fe, #66a6ff);
    color: #fff;
    border: 0;
}

/*--------------------------------------------------------------
Apollo list time style
--------------------------------------------------------------*/

.widget-time-hots-list .list-item {
    flex-direction: row;
    align-items: center;
    margin: 0 0 1rem;
}

.widget-time-hots-list .list-item:last-child {
    margin: 0 0 0;
}

.widget-time-hots-list .list-item .list-title {
    font-size: 0.875rem;
}

.widget-time-hots-list .list-item .list-num {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.75rem;
    text-align: center;
    padding: 0 !important;
    flex-shrink: 0;
    border-radius: 100%;
    background-color: var(--color-secondary);
    color: #fff;
    margin: 0 0.5rem 0 0;
}

.widget-time-hots-list .list-item .list-num span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-time-hots-list .list-item:nth-child(1) .list-num {
    background-color: #ff0f44;
    border-color: #ff0f44;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(2) .list-num {
    background-color: #ff552f;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(3) .list-num {
    background-color: #ff8036;
    color: #fff;
}

/*--------------------------------------------------------------
Widget featured topics
--------------------------------------------------------------*/

.widget-featured-topics .list-item {
    margin: 0 0 1rem;
}

.widget-featured-topics .list-item:last-child {
    margin: 0;
}

/*--------------------------------------------------------------
Author comments
--------------------------------------------------------------*/
.author-comment-list .author-comment {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    flex: 1 1 auto;
    margin-bottom: 1rem;
}

.author-comment-list .author-comment:last-child {
    margin-bottom: 0;
}

.author-comment-list .author-comment .author-comment-content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem 1.5rem 3.25rem;
}

.author-comment-list .author-comment .author-comment-body {
    position: relative;
    flex: 1 1 auto;
}

.author-comment-list .author-comment .author-comment-title {
    position: relative;
}

.author-comment-list .author-comment .author-comment-title .iconfont {
    position: absolute;
    font-size: 1.25rem;
    left: -2rem;
    top: -0.25rem;
    opacity: 0.8;
}

.author-comment-list .author-comment .author-comment-footer {
    position: relative;
}

.author-comment-list .author-comment .author-comment-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .author-comment-list .author-comment {
        margin-bottom: 1rem;
    }

    .author-comment-list .author-comment .author-comment-content {
        padding: 1rem 1rem 1rem 2.5rem;
    }

    .author-comment-list .author-comment .author-comment-title .iconfont {
        left: -1.75rem;
    }
}

/*--------------------------------------------------------------
Footer style
--------------------------------------------------------------*/
.site-footer {
    background-color: var(--bg-dark);
}

.site-footer,
.site-footer p,
.site-footer a:not(.btn) {
    color: var(--color-light);
}

.site-footer a:not(.btn):hover {
    color: #fff;
}

body[data-scheme="dark"] .site-footer {
    background-color: #0e0e0e;
}

/*--------------------------------------------------------------
Footer widget style
--------------------------------------------------------------*/

.footer-widget-header {
    position: relative;
    color: #fff;
    padding: 0 0 0 1.25rem;
}

.footer-widget-header::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 18px;
    background-color: var(--color-primary);
    border-radius: 10px;
    transform: translate(0%, -50%);
}

.footer-widget-content p {
    line-height: 1.8;
    color: var(--color-light);
}

.footer-widget-content a {
    color: var(--color-light);
}

.footer-widget-content a:hover {
    color: #fff;
}

.footer-widget-content .footer-widget-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.footer-widget-content .footer-widget-links a {
    flex-shrink: 0;
}

.footer-widget-social {
    display: flex;
    flex-wrap: wrap;
}

.footer-widget-social .btn {
    margin: 0 0.375rem 0.375rem 0;
}

/*--------------------------------------------------------------
Index magazine style
--------------------------------------------------------------*/

.index-magazine {
    position: relative;
    padding: 2.5rem 0;
}

.index-magazine .magazine-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-light);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index-magazine .magazine-content {
    position: relative;
}

.index-magazine .magazine-content .item {
    position: relative;
}

.index-magazine .magazine-content .item .item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: .75rem 1rem;
}

.index-magazine .magazine-content .item .item-goto {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.index-magazine.magazine-fixed {
    position: relative;
    overflow: hidden;
}

.index-magazine.magazine-fixed .bg-magazine {
    opacity: 0.2;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scale(1.1);
}

.index-magazine.magazine-fixed .bg-image-color {
    opacity: 0.6;
}

@media (max-width: 767.98px) {
    .index-magazine {
        position: relative;
        overflow: hidden;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index-magazine .magazine-content .item .item-content {
        padding: .5rem;
    }

    .index-magazine .magazine-content .item .item-title {
        font-size: .625rem;
    }

    .index-magazine .magazine-content .item.big .item-content {
        padding: .75rem 1rem;
    }

    .index-magazine .magazine-content .item.big .item-title {
        font-size: 1rem;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .index-magazine {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-magazine {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 1200px) {
    .index-magazine.magazine-fixed {
        background-color: var(--color-dark);
    }
}

/*--------------------------------------------------------------
    index category column
--------------------------------------------------------------*/
.index-category-column .item {
    position: relative;
    overflow: hidden;
}

.index-category-column .item .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
    color: #fff;
    z-index: 2;
}

.index-category-column .item .item-content .text-sm {
    transition: all .3s ease-in-out
}

.index-category-column .item:hover .item-content .text-sm {
    transform: scale(1.1)
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .index-category-column .item:hover .item-content {
        -webkit-backdrop-filter: saturate(120%) blur(5px);
        backdrop-filter: saturate(120%) blur(5px);
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: inherit;
    }
}

/*--------------------------------------------------------------
Index category style
--------------------------------------------------------------*/

.index-category-grid {
    padding: 2rem 0;
}

.index-category-grid.bg-white .list-grid.list-grid-padding .list-item,
.index-category-grid.bg-white .list-grouped .list-item {
    border: 1px solid var(--border-color)
}

@media (max-width: 767.98px) {
    .index-category-grid {
        padding: 1.25rem 0;
    }
}

/*--------------------------------------------------------------
Index ajax post
--------------------------------------------------------------*/
.index-ajax-menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.index-ajax-menu li {
    position: relative;
    margin: 0 1rem 0 0;
    padding: 0 1rem 0 0;
}

.index-ajax-menu li::before {
    content: "";
    position: absolute;
    right: -0.5rem;
    top: 50%;
    width: 0.9375rem;
    height: 0.0625rem;
    background-color: var(--bg-muted);
    transform: rotate(-45deg);
}

.index-ajax-menu li:last-child {
    margin: 0;
    padding: 0;
}

.index-ajax-menu li:last-child::before {
    display: none;
}

.index-ajax-menu li a {
    position: relative;
    color: var(--color-secondary);
    transition: all 0.3s ease-in-out;
}

.index-ajax-menu li.active a {
    color: var(--color-primary);
}

@media (max-width: 767.98px) {
    .index-ajax-menu {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .index-ajax-menu::-webkit-scrollbar {
        display: none;
    }

    .index-ajax-menu li {
        flex-shrink: 0;
    }
}

/*--------------------------------------------------------------
Index author pushes style
--------------------------------------------------------------*/
.index-author-grid.bg-white .list-item.block {
    border: 1px solid var(--border-color);
}

.index-author-grid .list-item.block .list-content {
    position: relative;
    padding-top: 4.5rem;
}

.index-author-grid .list-item.block .flex-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.index-author-grid .list-item.block .bg-author {
    opacity: 0.75;
}

.index-author-grid .list-item.block .bg-poster {
    opacity: 0.15;
    -webkit-filter: blur(0.625rem);
    filter: blur(0.625rem);
}

@media (max-width: 767.98px) {
    .index-author-grid .list-item.block .flex-avatar {
        width: 3rem;
        height: 3rem;
    }

    .index-author-grid .list-item.block .list-content {
        padding-top: 2.1875rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .index-author-grid .list-item.block .flex-avatar {
        width: 64px;
        height: 64px;
    }

    .index-author-grid .list-item.block .list-content {
        padding: 2.75rem 0.625rem 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-author-grid .list-item.block .flex-avatar {
        width: 4rem;
        height: 4rem;
    }

    .index-author-grid .list-item.block .list-content {
        padding-top: 2.8125rem;
    }
}

/*--------------------------------------------------------------
List index style
--------------------------------------------------------------*/

.index-grid-heading h2 {
    position: relative;
    padding-left: 1.25rem;
}

.index-grid-heading h2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 18px;
    border-radius: 10px;
    background-color: var(--color-primary);
    transform: translate(0%, -50%);
}

/*--------------------------------------------------------------
  notice
  --------------------------------------------------------------*/

.index-notice .notice-action {
    flex-shrink: 0;
}

.index-notice .notice-icon {
    position: relative;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjE5NDIzNTQ0MTMzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg2MSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik02MTEuNTU1NTU2IDU3My42Mjk2M20tNDAyLjk2Mjk2MyAwYTQwMi45NjI5NjMgNDAyLjk2Mjk2MyAwIDEgMCA4MDUuOTI1OTI2IDAgNDAyLjk2Mjk2MyA0MDIuOTYyOTYzIDAgMSAwLTgwNS45MjU5MjYgMFoiIGZpbGw9IiNmMDRhNGMiIGZpbGwtb3BhY2l0eT0iLjEiIHAtaWQ9Ijg2MiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTIiIGNsYXNzPSJzZWxlY3RlZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjEuMTg1MTg1IDg3Mi4yOTYyOTZsMjk0LjM1MjU5My0wLjAyODQ0NCA0LjMxNDA3NCAwLjAyODQ0NEM2NjYuNjkwMzcgODcyLjI5NjI5NiA4MzQuMzcwMzcgNzA0LjYxNjI5NiA4MzQuMzcwMzcgNDk3Ljc3Nzc3OFM2NjYuNjkwMzcgMTIzLjI1OTI1OSA0NTkuODUxODUyIDEyMy4yNTkyNTkgODUuMzMzMzMzIDI5MC45MzkyNTkgODUuMzMzMzMzIDQ5Ny43Nzc3Nzh2Mjk5LjczODA3NEE3NS44NTE4NTIgNzUuODUxODUyIDAgMCAwIDE2MS4xODUxODUgODcyLjI5NjI5NnpNOS40ODE0ODEgNTAyLjMwMDQ0NGwwLjAwOTQ4Mi0yLjg3Mjg4OEw5LjQ4MTQ4MSA0OTcuNzc3Nzc4QzkuNDgxNDgxIDI0OS4wNDA1OTMgMjExLjEyNDE0OCA0Ny40MDc0MDcgNDU5Ljg1MTg1MiA0Ny40MDc0MDcgNzA4LjU4OTAzNyA0Ny40MDc0MDcgOTEwLjIyMjIyMiAyNDkuMDQwNTkzIDkxMC4yMjIyMjIgNDk3Ljc3Nzc3OFM3MDguNTg5MDM3IDk0OC4xNDgxNDggNDU5Ljg1MTg1MiA5NDguMTQ4MTQ4Yy0xLjcxNjE0OCAwLTMuNDQxNzc4LTAuMDA5NDgxLTQuNzQwNzQxLTAuMDI4NDQ0TDE2MS4xODUxODUgOTQ4LjE0ODE0OEM3Ny40MTYyOTYgOTQ4LjE0ODE0OCA5LjQ4MTQ4MSA4ODAuMjQxNzc4IDkuNDgxNDgxIDc5Ni40NTM5MjZWNTAyLjMwMDQ0NHoiIGZpbGw9IiNmMDRhNGMiIHAtaWQ9Ijg2MyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjg3LjMzNjI5NiA0NzQuMDc0MDc0QzI1OS42MDI5NjMgNDc0LjA3NDA3NCAyMzcuMDM3MDM3IDQ1Mi44ODI5NjMgMjM3LjAzNzAzNyA0MjYuNjY2NjY3czIyLjU1NjQ0NC00Ny40MDc0MDcgNTAuMjk5MjU5LTQ3LjQwNzQwOGgzMjYuMDY4MTQ4QzY0MS4xMzc3NzggMzc5LjI1OTI1OSA2NjMuNzAzNzA0IDQwMC40NTAzNyA2NjMuNzAzNzA0IDQyNi42NjY2NjdzLTIyLjU1NjQ0NCA0Ny40MDc0MDctNTAuMjk5MjYgNDcuNDA3NDA3aC0zMjYuMDY4MTQ4ek0yODkuOTA1Nzc4IDY2My43MDM3MDRDMjYwLjc2OTE4NSA2NjMuNzAzNzA0IDIzNy4wMzcwMzcgNjQyLjUzMTU1NiAyMzcuMDM3MDM3IDYxNi4yOTYyOTZzMjMuNzMyMTQ4LTQ3LjQwNzQwNyA1Mi44Njg3NDEtNDcuNDA3NDA3aDE1MC4yNjI1MThDNDY5LjMwNDg4OSA1NjguODg4ODg5IDQ5My4wMzcwMzcgNTkwLjA2MTAzNyA0OTMuMDM3MDM3IDYxNi4yOTYyOTZzLTIzLjczMjE0OCA0Ny40MDc0MDctNTIuODY4NzQxIDQ3LjQwNzQwOEgyODkuOTA1Nzc4eiIgZmlsbD0iI2YwNGE0YyIgcC1pZD0iODY0IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pMSIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==");
    flex-shrink: 0;
}

.index-notice .notice-content {
    position: relative;
    z-index: 2;
}

.notice-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .index-notice .notice-icon {
        width: 16px;
        height: 16px;
    }

    .index-notice .notice-content {
        font-size: 0.6875rem;
    }
}


/*--------------------------------------------------------------
Popup
--------------------------------------------------------------*/

@media (max-width: 767.98px) {
    .nice-popup-md .nice-popup-content {
        padding: 1rem;
    }
}

/*--------------------------------------------------------------
Popup wrap
--------------------------------------------------------------*/

#search-popup-wrap,
#author-popup-wrap {
    display: none;
}

/* -------------------------------- 
Search popup 
-------------------------------- */

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

@supports (((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)))) {
    .search-popup {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
    }
}

.search-hidden {
    overflow: hidden;
}

.search-popup.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.search-popup .search-popup-content {
    position: relative;
    max-width: 740px;
    width: 100%;
    padding: 3rem;
    margin: 5rem auto;
    background-color: #fff;
    transform: translateY(-2.5rem);
    transition-property: transform;
    transition-duration: 0.3s;
}

.search-popup.is-visible .search-popup-content {
    transform: translateY(0);
}

.search-popup .search-popup-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    transition: transform 600ms;
}

.search-popup .search-popup-close:hover {
    transform: rotate(360deg) scale(1.1);
    transition: transform 600ms;
}

.search-popup .search-popup-close::before,
.search-popup .search-popup-close::after {
    content: "";
    position: absolute;
    top: 1.1875rem;
    width: 1.25rem;
    height: 0.0625rem;
    background-color: var(--color-secondary);
}

.search-popup .search-popup-close::before {
    transform: rotate(45deg);
    left: 0.625rem;
}

.search-popup .search-popup-close::after {
    transform: rotate(-45deg);
    right: 0.625rem;
}

.search-popup .search-popup-body {
    position: relative;
    padding: 5rem 0 3rem;
}

.search-popup .search-popup-form {
    position: relative;
}

.search-popup .search-popup-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-popup .search-popup-button:hover,
.search-popup .search-popup-button:focus {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.search-popup .search-popup-tags {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
}

.search-popup .search-popup-tags li a {
    position: relative;
}

.search-popup .search-popup-tags li a.hot {
    background-color: rgba(255, 103, 80, 0.05);
    border-color: rgba(255, 103, 80, 0.05);
    color: rgb(255, 103, 80);
    padding-left: 30px;
}

.search-popup .search-popup-tags li a.hot::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjg2OC40NzdhMS43NTEgMS43NTEgMCAwIDEgMi40MTEuMDA5IDcwLjY1NyA3MC42NTcgMCAwIDEgNi43NjQgNy4zODJjLjk1OC0xLjI2NiAyLjA0Ni0yLjY0NSAzLjIyMS0zLjc3LjY4OC0uNjUgMS43NS0uNjUgMi40MzguMDA5IDMuMDEyIDIuOSA1LjU2MiA2LjczMiA3LjM1NiAxMC4zN0MzNy44MjUgMTguMDYzIDM5IDIxLjcyNyAzOSAyNC4zMTIgMzkgMzUuNTI2IDMwLjMxMiA0NSAxOS41IDQ1IDguNTY2IDQ1IDAgMzUuNTE3IDAgMjQuMzAzYzAtMy4zNzUgMS41NS03LjQ5NyAzLjk1Mi0xMS41NzVDNi4zODEgOC41ODggOS44MTEgNC4yNzMgMTMuODY4LjQ3N1ptNS43OCAzNi4wODZjMi4yMDIgMCA0LjE1Mi0uNjE1IDUuOTktMS44NDYgMy42NjQtMi41ODQgNC42NDgtNy43NTEgMi40NDUtMTEuODEyLS4zOTEtLjc5LTEuMzkyLS44NDMtMS45NTgtLjE3NWwtMi4xOTQgMi41NzVjLS41NzUuNjY4LTEuNjEuNjUtMi4xNS0uMDQ0YTYwNTMuNTgxIDYwNTMuNTgxIDAgMCAwLTUuNDY3LTcuMDE0IDEuMzYgMS4zNiAwIDAgMC0yLjE1LS4wMDhjLTIuOTQzIDMuNzM1LTQuNDIzIDYuMDktNC40MjMgOC43MzUuMDA5IDYuMDIgNC40MTQgOS41ODkgOS45MDcgOS41ODlaIiBmaWxsPSJ1cmwoI2EpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTkuNSIgeTE9IjAiIHgyPSIxOS41IiB5Mj0iNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZDMzk3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzNzE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
    transform: translate(0, -50%);
}

@media (max-width: 767.98px) {

    .search-popup .search-popup-content {
        padding: 1.5rem;
        margin: 5rem auto;
        width: 90%;
    }

    .search-popup .search-popup-body {
        padding: 4rem 0 2rem;
    }

    .search-popup .search-popup-close {
        width: 1.9375rem;
        height: 1.9375rem;
        top: 0;
        right: 0;
        transform: translateY(-115%);
    }

    .search-popup .search-popup-close::before {
        transform: rotate(45deg);
        left: 0.5rem;
    }

    .search-popup .search-popup-close::after {
        transform: rotate(-45deg);
        right: 0.5rem;
    }

    .search-popup .search-popup-close::before,
    .search-popup .search-popup-close::after {
        top: 0.9375rem;
        width: 0.9375rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .search-popup .search-popup-content {
        padding: 2rem;
        margin: 3rem auto;
        width: 90%;
    }

    .search-popup .search-popup-close {
        right: 0;
        top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .search-popup .search-popup-close {
        right: 0;
        top: 0;
    }
}

body[data-scheme="dark"] .search-popup .search-popup-content {
    background-color: var(--bg-secondary);
}

/*--------------------------------------------------------------
Fixed post
--------------------------------------------------------------*/

.fixed-to-top {
    position: fixed;
    right: 2.1875rem;
    bottom: 2.1875rem;
    z-index: 1000;
}

#back-to-top {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

#back-to-top.current {
    opacity: 1;
    visibility: visible;
}

/*--------------------------------------------------------------
Banner navigation
--------------------------------------------------------------*/

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev {
    opacity: 0;
    width: calc(var(--swiper-navigation-mini-size) / 30 * 25);
    height: var(--swiper-navigation-mini-size);
    transition: all 0.3s linear;
}

.slider-navigation .swiper-container .swiper-button-next:after,
.slider-navigation .swiper-container .swiper-button-prev:after {
    font-size: var(--swiper-navigation-mini-size);
}

.slider-navigation .swiper-container .swiper-button-next {
    right: -6.25rem;
}

.slider-navigation .swiper-container .swiper-button-prev {
    left: -6.25rem;
}

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev,
.slider-navigation .swiper-container .swiper-button-next:focus,
.slider-navigation .swiper-container .swiper-button-prev:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.slider-navigation .swiper-container:hover .swiper-button-next {
    opacity: 1;
    right: 0.625rem;
}

.slider-navigation .swiper-container:hover .swiper-button-prev {
    opacity: 1;
    left: 0.625rem;
}

/*--------------------------------------------------------------
Banner pagination
--------------------------------------------------------------*/

.slider-navigation .swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: none !important;
}

.slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 0.3125rem;
    background-color: #fff;
    transition: all 0.5s;
}

.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
    padding: 0.625rem 0;
    bottom: 0;
}

.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 1.875rem;
}

@media (max-width: 767.98px) {
    .slider-navigation .swiper-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }

    .slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
        width: 0.25rem;
        height: 0.25rem;
    }

    .slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 1.25rem;
    }

    .slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        padding: 0;
    }
}

/*--------------------------------------------------------------
Banner style 
--------------------------------------------------------------*/

.slider-style-3 .swiper-container {
    padding: 2rem 0;
}

.slider-style-3 .swiper-slide {
    width: 1260px;
    transition: all 300ms ease-in-out;
}

.slider-style-3 .swiper-slide.swiper-slide-prev,
.slider-style-3 .swiper-slide.swiper-slide-next {
    transform: scaleY(0.95);
}

.slider-style-3 .swiper-slide.swiper-slide-active {
    transform: scaleY(1);
    z-index: 1;
}

.slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
    padding: 0.625rem 0;
    bottom: 1.875rem;
}

@media (max-width: 1199.98px) {
    .slider-style-2 .swiper-slide .media-4x1:after {
        padding-top: 33%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-4 .swiper-slide .media-3x1:after {
        padding-top: 50%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-3 .swiper-container {
        padding: 0.75rem;
    }

    .slider-style-3 .swiper-slide {
        width: 100%;
    }

    .slider-style-1 .swiper-slide .h2,
    .slider-style-2 .swiper-slide .h2,
    .slider-style-3 .swiper-slide .h2,
    .slider-style-4 .swiper-slide .h2 {
        font-size: 0.9375rem;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0.3125rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 696px;
    }

    .slider-style-1 .swiper-slide .h2,
    .slider-style-2 .swiper-slide .h2,
    .slider-style-3 .swiper-slide .h2,
    .slider-style-4 .swiper-slide .h2 {
        font-size: 1.25rem;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 940px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 1110px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 1400px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 1260px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

/*--------------------------------------------------------------
Friends list
--------------------------------------------------------------*/

.friends-menu ul li {
    margin-bottom: 10px;
}

.friends-menu ul li:last-child {
    margin-bottom: 0;
}

.friends-menu ul li a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: var(--border-radius-sm);
}

.friends-menu ul li a .menu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-right: .5rem;
}

.friends-menu ul li a .menu-text {
    flex: 1 1 auto;
}

.friends-menu ul li.active a,
.friends-menu ul li a:hover {
    color: var(--color-primary);
    background-color: var(--outline-primary);
}

.friends-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: .5rem;
}

.friends-grid {
    margin-bottom: 2rem;
}

.friends-grid:last-child {
    margin-bottom: 0;
}

.friends-list .item {
    flex: 1 1 auto;
    transition: all 0.3s ease-in-out;
}

.friends-list .item:hover {
    transform: translateY(-5px);
}

.friends-list .item .media {
    flex-shrink: 0;
}

.friends-list .item .item-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .friends-grid {
        margin-bottom: 1.25rem;
    }
}

/* -------------------------------- 
    author info
-------------------------------- */
.author-info {
    position: relative;

}

.author-info .author-poster .poster-text {
    font-size: 5em;
    font-style: italic;
    opacity: .1;
}

.author-info .author-info-content {
    position: relative;
    z-index: 2;
    margin-top: -75px;
}

.author-info .author-info-content .author-avatar {
    position: relative;
    left: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, 0%);
}

.author-info .author-info-content .author-avatar .avatar-badge {
    width: 30px;
    height: 30px;
    transform: translate(-25%, -25%);
}

.author-info .author-info-content .author-desc {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.author-name-mw {
    max-width: 60px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .author-info .author-info-content .author-desc {
        max-width: 80%;
    }
}

@media (max-width: 767.98px) {
    .author-info .author-poster::after {
        padding-top: 40%;
    }

    .author-info .author-poster .poster-text {
        font-size: 3em;
    }

    .author-info .author-info-content {
        margin-top: -40px;
    }

    .author-info .author-info-content .author-avatar {
        width: 80px;
        height: 80px;
    }

    .author-info .author-info-content .author-desc {
        max-width: 100%;
    }
}

/*--------------------------------------------------------------
author tabmenu 
--------------------------------------------------------------*/

.author-tabmenu {
    position: relative;
    display: flex;
    justify-content: center;
}

.author-tabmenu ul {
    display: flex;
    justify-content: center;
    padding: 6px;
    gap: 6px;
    background-color: var(--bg-light);
    border: 1px solid var(--gray-3);
    border-radius: var(--border-radius-md);
}

.author-tabmenu ul li a {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    padding: .625rem 1.25rem;
    color: var(--color-muted);
}

.author-tabmenu ul li.active a {
    color: var(--color-dark);
}

.author-tabmenu ul li a::before {
    position: absolute;
    content: '';
    display: block;
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    border-radius: var(--border-radius-sm);
    background: #fff;
    transition: all 0.2s linear;
    opacity: 0;
}

.author-tabmenu ul li.active a::before,
.author-tabmenu ul li a:hover::before {
    transition: 0.2s;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

.author-tabmenu .nav-text {
    position: relative;
    margin: 0 0.5rem;
}

.author-tabmenu .nav-icon {
    position: relative;
    font-size: 1.25rem;
}

.author-tabmenu .nav-num {
    position: relative;
    min-width: 15px;
    font-size: 0.6875rem;
    line-height: 1;
    text-align: center;
    padding: 2px 3px;
    background-color: var(--bg-muted);
    color: #fff;
    border-radius: 4px;
}

@media (max-width: 767.98px) {
    .author-tabmenu ul {
        width: 100%;
    }

    .author-tabmenu ul li {
        width: 50%;
    }

    .author-tabmenu ul li a {
        justify-content: center;
        min-width: 0;
        padding: 0.5rem 0.125rem;
    }
}


body[data-scheme="dark"] .author-tabmenu ul {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

body[data-scheme="dark"] .author-tabmenu ul li a {
    color: var(--color-light);
}

body[data-scheme="dark"] .author-tabmenu ul li.active a {
    color: var(--color-dark);
}

body[data-scheme="dark"] .author-tabmenu ul li a::before {
    background: var(--bg-light);
}

body[data-scheme="dark"] .author-tabmenu .nav-num {
    background-color: var(--gray-4);
}

/* ---------------------------------------------------
loading spinners
----------------------------------------------------- */

.loading-spinners {
    position: relative;
    display: none;
    width: 32px;
    height: 32px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top: 4px solid var(--color-dark);
    border-radius: 50%;
    margin: 20px auto;
    -webkit-animation: spCircRot 0.6s infinite linear;
    animation: spCircRot 0.6s infinite linear;
}

.loading-spinners.spinners-sm {
    width: 24px;
    height: 24px;
    border-width: 3px;
    margin: 0 auto;
}

.btn .loading-spinners {
    display: block;
}

@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*--------------------------------------------------------------
Content error style
--------------------------------------------------------------*/

.error-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.error-empty .error-icon {
    max-width: 300px;
    width: 100%
}

/*--------------------------------------------------------------
Color Toggle style
--------------------------------------------------------------*/
body[data-scheme="dark"] .color-mode-toggle {
    color: var(--color-warning)
}

/*--------------------------------------------------------------
Popup style
--------------------------------------------------------------*/
body[data-scheme="dark"] .nice-popup-content {
    background-color: var(--bg-secondary);
}

/*--------------------------------------------------------------
Apollo style
--------------------------------------------------------------*/

.apollo-svg-no-safe {
    display: block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48cGF0aCBkPSJNMzAuMiAxMDkuOGMwIDMuMiAxNS4xIDUuNyAzMy44IDUuN3MzMy44LTIuNiAzMy44LTUuN2MwLTMuMi0xNS4xLTUuNy0zMy44LTUuN3MtMzMuOCAyLjUtMzMuOCA1Ljd6IiBmaWxsPSIjYjhlNGNmIi8+PHBhdGggZD0iTTY2LjQgMTNjNS41IDIuNCAxMS44IDQuOCAxOC43IDcuMiA2LjUgMi4yIDEzIDQuMiAxOS43IDUuOSAyLjUuNyA0LjIgMi45IDQuMiA1LjR2MjIuMWMwIDE2LjYtOCAzMi4xLTIxLjUgNDEuN2wtMjAuMiAxNC40Yy0yIDEuNC00LjYgMS40LTYuNSAwTDQwLjUgOTUuNEMyNyA4NS44IDE5IDcwLjIgMTkgNTMuNnYtMjJjMC0yLjYgMS44LTQuOSA0LjMtNS41IDguNi0yLjEgMTUuNy00LjEgMjEuMy02IDUuOC0yIDExLjUtNC4zIDE3LTcuMSAxLjUtLjYgMy4zLS43IDQuOCAwem0tNiA0NC40TDUzLjEgNTBjLTItMi01LjItMi03LjItLjFsLS4xLjFjLTIgMi0yIDUuNCAwIDcuNGwxMC45IDExLjFjMiAyIDUuMiAyIDcuMi4xbC4xLS4xTDgyLjIgNTBjMi0yIDItNS40IDAtNy40cy01LjItMi03LjItLjFsLS4xLjEtMTQuNSAxNC44eiIgZmlsbD0iIzRkYmI4OCIvPjwvc3ZnPg==');
}

.apollo-svg-remind {
    display: block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiA3Ni44Yy0yMzYuOCAwLTQzNS4yIDE5Mi00MzUuMiA0MzUuMnMxOTIgNDM1LjIgNDM1LjIgNDM1LjIgNDM1LjItMTkyIDQzNS4yLTQzNS4yUzc0OC44IDc2LjggNTEyIDc2Ljh6bTI0OS42IDMyMEw0ODAgNzA0Yy0xMi44IDEyLjgtMzguNCAxMi44LTUxLjIgMEwyODggNTU2LjhjLTEyLjgtMTIuOC0xMi44LTM4LjQgMC01MS4yIDEyLjgtMTIuOCAzOC40LTEyLjggNTEuMiAwbDExNS4yIDExNS4yTDcwNCAzMzkuMmMxMi44LTEyLjggMzguNC0xMi44IDUxLjIgMCAyNS42IDEyLjggMjUuNiAzOC40IDYuNCA1Ny42eiIgZmlsbD0iIzY4RDI3OSIvPjxwYXRoIGQ9Ik03MTAuNCAzMzkuMmwtMjU2IDI4MS42LTExNS4yLTExNS4yYy0xMi44LTEyLjgtMzguNC0xMi44LTUxLjIgMC0xMi44IDEyLjgtMTIuOCAzOC40IDAgNTEuMmwxNDcuMiAxNDAuOGMxMi44IDEyLjggMzguNCAxMi44IDUxLjIgMEw3NjggMzkwLjRjMTIuOC0xMi44IDEyLjgtMzguNCAwLTUxLjItMTkuMi0xMi44LTQ0LjgtMTIuOC01Ny42IDB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+');
}

.apollo-svg-mail {
    display: block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTY0IDUxMmE0NDggNDQ4IDAgMTA4OTYgMCA0NDggNDQ4IDAgMTAtODk2IDB6IiBmaWxsPSIjNjA4QkU5Ii8+PHBhdGggZD0iTTIyNCAzMDJoNTc2cTMyIDAgMzIgMzJ2MzU2cTAgMzItMzIgMzJIMjI0cS0zMiAwLTMyLTMyVjMzNHEwLTMyIDMyLTMyeiIgZmlsbD0iI0VBRURGNSIvPjxwYXRoIGQ9Ik0yMjQgNzIyaDU3NmMxNy42NzMgMCAzMi0xNC4zMjcgMzItMzJ2LTU4QzY2MC45NiA0OTMuMzMzIDU1NC4yOTQgNDI0IDUxMiA0MjRjLTQyLjI5NCAwLTE0OC45NiA2OS4zMzMtMzIwIDIwOHY1OGMwIDE3LjY3MyAxNC4zMjcgMzIgMzIgMzJ6IiBmaWxsPSIjQ0NEQUY3Ii8+PHBhdGggZD0iTTIyNCAzMDJoNTc2YzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMnY1OEM2NTEuMzUgNTE3LjMzMyA1NDQuNjgzIDU4MCA1MTIgNTgwYy0zMi42ODMgMC0xMzkuMzUtNjIuNjY3LTMyMC0xODh2LTU4YzAtMTcuNjczIDE0LjMyNy0zMiAzMi0zMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=');
}

.apollo-svg-set {
    display: block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTAgNTEyYTUxMiA1MTIgMCAxMDEwMjQgMEE1MTIgNTEyIDAgMTAwIDUxMnoiIGZpbGw9IiNEQkRCREIiLz48cGF0aCBkPSJNODYzLjg4MzYzNiA0ODguNzI3MjczbC02Mi44MzYzNjMtMTAuOTM4MTgyYTI4OS41MTI3MjcgMjg5LjUxMjcyNyAwIDAwLTIxLjQxMDkwOS03OC4xOTYzNjRMODI4Ljk3NDU0NSAzNTguNGEyNC42NjkwOTEgMjQuNjY5MDkxIDAgMDAtMjMuMjcyNzI3LTQyLjM1NjM2NGwtNjEuMjA3MjczIDIzLjI3MjcyOGEyOTIuNzcwOTA5IDI5Mi43NzA5MDkgMCAwMC01Ni43ODU0NTQtNTYuMDg3MjczbDIzLjI3MjcyNy02MS42NzI3MjdhMjQuNjY5MDkxIDI0LjY2OTA5MSAwIDAwLTQyLjM1NjM2My0yMy4yNzI3MjhsLTQyLjEyMzYzNyA1MC41MDE4MTlhMjg5Ljc0NTQ1NSAyODkuNzQ1NDU1IDAgMDAtNzYuOC0yMC4yNDcyNzNsLTE0LjQyOTA5MS02OC40MjE4MThhMjQuNjY5MDkxIDI0LjY2OTA5MSAwIDAwLTQ4Ljg3MjcyNyAwTDQ3NC45OTYzNjQgMjI1LjI4YTI4OS43NDU0NTUgMjg5Ljc0NTQ1NSAwIDAwLTc2LjggMjAuMjQ3MjczbC00MC45Ni01MC41MDE4MThBMjQuNjY5MDkxIDI0LjY2OTA5MSAwIDAwMzE0Ljg4IDIxOC4yOTgxODJsMjMuMjcyNzI3IDYxLjY3MjcyN2EyOTIuNzcwOTA5IDI5Mi43NzA5MDkgMCAwMC01Ni43ODU0NTQgNTYuMDg3MjczTDIyMC4xNiAzMTIuNzg1NDU1YTI0LjY2OTA5MSAyNC42NjkwOTEgMCAwMC0yMy4yNzI3MjcgNDIuMzU2MzYzbDQ5LjMzODE4MiA0MS4xOTI3MjdhMjg5LjUxMjcyNyAyODkuNTEyNzI3IDAgMDAtMjEuNDEwOTEgNzguMTk2MzY0bC02NC42OTgxODEgMTQuMTk2MzY0YTI0LjY2OTA5MSAyNC42NjkwOTEgMCAwMDAgNDguODcyNzI3bDYyLjEzODE4MSAxMC43MDU0NTVhMjg5Ljc0NTQ1NSAyODkuNzQ1NDU1IDAgMDAyMC40OCA3OS44MjU0NTRsLTQ3LjcwOTA5IDM4LjYzMjcyN0EyNC42NjkwOTEgMjQuNjY5MDkxIDAgMDAyMTguMjk4MTgyIDcwOS4xMkwyNzYuNDggNjg3LjcwOTA5MWEyOTIuNzcwOTA5IDI5Mi43NzA5MDkgMCAwMDU4LjQxNDU0NSA1OS4xMTI3MjdsLTIxLjE3ODE4MSA1Ny43MTYzNjRhMjQuNjY5MDkxIDI0LjY2OTA5MSAwIDAwNDIuMzU2MzYzIDIzLjI3MjcyN2wzOC44NjU0NTUtNDYuNTQ1NDU0YTI4OS43NDU0NTUgMjg5Ljc0NTQ1NSAwIDAwODAuOTg5MDkxIDIxLjY0MzYzNmwxMi44IDYwLjk3NDU0NWEyNC42NjkwOTEgMjQuNjY5MDkxIDAgMDA0OC44NzI3MjcgMGwxMC40NzI3MjctNTkuODEwOTA5YTI4OS43NDU0NTUgMjg5Ljc0NTQ1NSAwIDAwODAuMjkwOTA5LTIxLjg3NjM2M2wzOC44NjU0NTUgNDYuNTQ1NDU0YTI0LjY2OTA5MSAyNC42NjkwOTEgMCAwMDQyLjM1NjM2NC0yMy4yNzI3MjdsLTIxLjE3ODE4Mi01Ny43MTYzNjRBMjkyLjc3MDkwOSAyOTIuNzcwOTA5IDAgMDA3NDYuODIxODE4IDY4OC42NGw1OC4xODE4MTggMjEuNDEwOTA5YTI0LjY2OTA5MSAyNC42NjkwOTEgMCAwMDIzLjI3MjcyOC00Mi4zNTYzNjRsLTQ3LjcwOTA5MS0zOS43OTYzNjNhMjg5Ljc0NTQ1NSAyODkuNzQ1NDU1IDAgMDAyMC40OC03OS44MjU0NTVsNjIuODM2MzYzLTEyLjhhMjQuNjY5MDkxIDI0LjY2OTA5MSAwIDAwMC00OC44NzI3Mjd6TTcyMS40NTQ1NDUgNTE0LjU2YTIwOS40NTQ1NDUgMjA5LjQ1NDU0NSAwIDAxLTE2LjA1ODE4MSA4MC43NTYzNjRsLTE3MC4xMjM2MzctOTguNDQzNjM3VjMwNi41MDE4MThBMjA5LjQ1NDU0NSAyMDkuNDU0NTQ1IDAgMDE3MjEuNDU0NTQ1IDUxNC41NnpNNDg4LjcyNzI3MyAzMDYuNTAxODE4djE5MC44MzYzNjRsLTE2OS40MjU0NTUgOTcuNzQ1NDU0YTIwOS40NTQ1NDUgMjA5LjQ1NDU0NSAwIDAxMTY5LjQyNTQ1NS0yODguNTgxODE4ek01MTIgNzI0LjAxNDU0NWEyMDkuNDU0NTQ1IDIwOS40NTQ1NDUgMCAwMS0xNzAuNTg5MDkxLTg4LjIwMzYzNkw1MTIgNTM3LjM2NzI3M2wxNzAuNTg5MDkxIDk4LjQ0MzYzNkEyMDkuNDU0NTQ1IDIwOS40NTQ1NDUgMCAwMTUxMiA3MjQuMDE0NTQ1eiIgZmlsbD0iIzhFOEU4RSIvPjwvc3ZnPg==');
}

.apollo-svg-message {
    display: block;
    width: 64px;
    height: 64px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTY0IDUxMmE0NDggNDQ4IDAgMTA4OTYgMCA0NDggNDQ4IDAgMTAtODk2IDB6IiBmaWxsPSIjNTdFMDg3Ii8+PHBhdGggZD0iTTUxMiAyNTZjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTZTNjUzLjM4NSA3NjggNTEyIDc2OEgyOTJjLTE5Ljg4MiAwLTM2LTE2LjExOC0zNi0zNlY1MTJjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTZ6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTYwOCA1MTJhMzIgMzIgMCAxMDY0IDAgMzIgMzIgMCAxMC02NCAwek00ODAgNTEyYTMyIDMyIDAgMTA2NCAwIDMyIDMyIDAgMTAtNjQgMHpNMzUyIDUxMmEzMiAzMiAwIDEwNjQgMCAzMiAzMiAwIDEwLTY0IDB6IiBmaWxsPSIjNDJEQTc3Ii8+PHBhdGggZD0iTTI1NiA1NzZjMTIuOTE2IDUxLjU4MyAzNC45MTYgOTIuOTE2IDY2IDEyNCAzMS4wODQgMzEuMDg0IDczLjA4NCA1My43NSAxMjYgNjhIMjkyYy0xOS44ODIgMC0zNi0xNi4xMTgtMzYtMzZWNTc2eiIgZmlsbD0iI0YyRjVGMyIvPjwvc3ZnPg==');
}

.apollo-svg-check-wait {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTgzMiAxMDI0SDE5MkM4NS45NTQgMTAyNCAwIDkzOC4wNDYgMCA4MzJWMTkyQzAgODUuOTU0IDg1Ljk1NCAwIDE5MiAwaDY0MGMxMDYuMDQ2IDAgMTkyIDg1Ljk1NCAxOTIgMTkydjY0MGMwIDEwNi4wNDYtODUuOTU0IDE5Mi0xOTIgMTkyem0wIDAiIGZpbGw9IiNGRkY5REQiLz48cGF0aCBkPSJNNTU0LjY1NiAzNjIuNjU2YzAgNTguOTA2LTQ3Ljc1IDEwNi42NTYtMTA2LjY1NiAxMDYuNjU2cy0xMDYuNjU2LTQ3Ljc1LTEwNi42NTYtMTA2LjY1NlMzODkuMDk0IDI1NiA0NDggMjU2czEwNi42NTYgNDcuNzUgMTA2LjY1NiAxMDYuNjU2em0tOTYgMjY2LjY4OGMwLTQ1LjQzOCAxNy45ODQtODYuNzIgNDcuMDQtMTE3LjM0NEgzNTcuMzEyQzMwMS40NjggNTEyIDI1NiA1NTcuNDY4IDI1NiA2MTMuMzQ0VjY4OGMwIDguODI4IDcuMTcyIDE2IDE2IDE2aDIwNC4wOTRjLTExLjA0LTIyLjU5NC0xNy40MzgtNDcuODc2LTE3LjQzOC03NC42NTZ6bTAgMCIgZmlsbD0iI0ZGRDIwMCIvPjxwYXRoIGQ9Ik02MjkuMzQ0IDQ5MC42NTZjLTc2LjQ0NiAwLTEzOC42NTYgNjIuMjEyLTEzOC42NTYgMTM4LjY1NlM1NTIuODY4IDc2OCA2MjkuMzQ0IDc2OCA3NjggNzA1Ljc5IDc2OCA2MjkuMzQ0cy02Mi4yMS0xMzguNjg4LTEzOC42NTYtMTM4LjY4OHptNDcuMDcgMTg1Ljc1OGEyMS4yNTQgMjEuMjU0IDAgMDEtMTUuMDcgNi4yNDJjLTUuNDY4IDAtMTAuOTE0LTIuMDc4LTE1LjA3LTYuMjQybC0zMi0zMmEyMS4xODQgMjEuMTg0IDAgMDEtNi4yNzQtMTUuMDdWNTc2YzAtMTEuNzc0IDkuNTctMjEuMzQ0IDIxLjM0NC0yMS4zNDRzMjEuMzQ0IDkuNTQgMjEuMzQ0IDIxLjM0NHY0NC41MTZsMjUuNzU4IDI1Ljc1OGM4LjI4OCA4LjMyIDguMjg4IDIxLjgyLS4wMzIgMzAuMTR6bTAgMCIgZmlsbD0iI0ZGRTc3NyIvPjwvc3ZnPg==');
}

.apollo-svg-check-pass {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48cGF0aCBkPSJNMTA0IDEyOEgyNGMtMTMuMyAwLTI0LTEwLjctMjQtMjRWMjRDMCAxMC43IDEwLjcgMCAyNCAwaDgwYzEzLjMgMCAyNCAxMC43IDI0IDI0djgwYzAgMTMuMy0xMC43IDI0LTI0IDI0eiIgZmlsbD0iI2ZmZTZlMiIvPjxwYXRoIGQ9Ik02OS4zIDQ1LjNjMCA3LjQtNiAxMy4zLTEzLjMgMTMuM3MtMTMuMy02LTEzLjMtMTMuM1M0OC42IDMyIDU2IDMyczEzLjMgNiAxMy4zIDEzLjN6bS0xMiAzMy40YzAtNS43IDIuMi0xMC44IDUuOS0xNC43SDQ0LjdjLTcgMC0xMi43IDUuNy0xMi43IDEyLjdWODZjMCAxLjEuOSAyIDIgMmgyNS41Yy0xLjQtMi44LTIuMi02LTIuMi05LjN6IiBmaWxsPSIjZmM1NzNiIi8+PHBhdGggZD0iTTc4LjcgNjEuM2MtOS42IDAtMTcuMyA3LjgtMTcuMyAxNy4zUzY5LjEgOTYgNzguNyA5NiA5NiA4OC4yIDk2IDc4LjdzLTcuOC0xNy40LTE3LjMtMTcuNHptOCAxNC40bC04LjcgMTBjLS41LjYtMS4yLjktMS45LjlINzZjLS43IDAtMS40LS4zLTEuOS0uOGwtNC43LTQuN2MtMS0xLTEtMi43IDAtMy44czIuNy0xIDMuOCAwbDIuNiAyLjYgNi44LTcuOGMxLTEuMSAyLjYtMS4yIDMuOC0uMyAxLjEgMS4xIDEuMiAyLjguMyAzLjl6IiBmaWxsPSIjZmQ5MDdlIi8+PC9zdmc+');
}

.apollo-svg-check-error {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48cGF0aCBkPSJNMTA0IDEyOEgyNGMtMTMuMyAwLTI0LTEwLjctMjQtMjRWMjRDMCAxMC43IDEwLjcgMCAyNCAwaDgwYzEzLjMgMCAyNCAxMC43IDI0IDI0djgwYzAgMTMuMy0xMC43IDI0LTI0IDI0eiIgZmlsbD0iI2ZmZTZlMiIvPjxwYXRoIGQ9Ik02OS4zIDQ1LjNjMCA3LjQtNiAxMy4zLTEzLjMgMTMuM3MtMTMuMy02LTEzLjMtMTMuM1M0OC42IDMyIDU2IDMyczEzLjMgNiAxMy4zIDEzLjN6bS0xMiAzMy40YzAtNS43IDIuMi0xMC44IDUuOS0xNC43SDQ0LjdjLTcgMC0xMi43IDUuNy0xMi43IDEyLjdWODZjMCAxLjEuOSAyIDIgMmgyNS41Yy0xLjQtMi44LTIuMi02LTIuMi05LjN6IiBmaWxsPSIjZmM1NzNiIi8+PHBhdGggZD0iTTkxIDY2LjRjLTYuOC02LjgtMTcuOC02LjgtMjQuNSAwLTYuOCA2LjgtNi44IDE3LjggMCAyNC41IDYuOCA2LjggMTcuOCA2LjggMjQuNSAwIDYuNy02LjggNi43LTE3LjcgMC0yNC41em0tOSAxOS4zbC0zLjMtMy4zLTMuMyAzLjNjLTEgMS0yLjcgMS0zLjggMC0xLTEtMS0yLjcgMC0zLjhsMy4zLTMuMy0zLjMtMy4zYy0xLTEtMS0yLjcgMC0zLjggMS0xIDIuNy0xIDMuOCAwbDMuMyAzLjMgMy4zLTMuM2MxLTEgMi43LTEgMy44IDAgMSAxIDEgMi43IDAgMy44bC0zLjMgMy4zIDMuMyAzLjNjMSAxIDEgMi43IDAgMy44LTEuMSAxLjEtMi44IDEuMS0zLjggMHoiIGZpbGw9IiNmZDkwN2UiLz48L3N2Zz4=');
}

/*--------------------------------------------------------------
apollo user sign style
--------------------------------------------------------------*/

.apollo-sign-container {
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    height: 100vh;
}

.apollo-sign-container .sign-cover {
    position: relative;
    flex-grow: 0;
    width: 450px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .apollo-sign-container .sign-cover {
        width: 320px;
    }
}

@media (min-width: 1400px) {
    .apollo-sign-container .sign-cover {
        width: 60%;
    }
}

.apollo-sign-container .sign-content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    background: var(--bg-white);
}

.apollo-sign-container .sign-body {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.apollo-sign-container .sign-box {
    width: 100%;
    max-width: 450px;
    padding: 3rem;
}

@media (min-width: 768px) and (max-width: 1198.99px) {
    .apollo-sign-container .sign-box {
        margin: 0 auto;
    }
}

.apollo-sign-container .sign-logo {
    max-width: 300px;
    max-height: 60px;
}

.apollo-sign-container .sign-logo.dark {
    display: none;
}

.apollo-sign-container .sign-qrcode {
    text-align: center;
}

.apollo-sign-container .sign-qrcode img {
    max-width: 300px;
}

.apollo-sign-container .sign-footer a {
    color: var(--color-primary)
}

.apollo-sign-container .sign-footer a:hover {
    opacity: .8
}

.apollo-sign-container .sign-hr {
    position: relative;
    display: table;
    width: 100%;
    white-space: nowrap;
}

.apollo-sign-container .sign-hr:after,
.apollo-sign-container .sign-hr:before {
    content: "";
    border-top: 1px solid var(--bg-light);
    display: table-cell;
    width: 50%;
    position: relative;
    top: 10px;
}

.apollo-sign-container .sign-hr span {
    position: relative;
    padding: 0 15px;
}

.apollo-sign-container .sign-rule {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .apollo-sign-container .sign-box {
        width: 100%;
        min-width: 450px;
        padding: 3rem;
    }
}

.apollo-sign-container .sige-getpwd {
    margin: auto;
    flex: none;
}

.apollo-sign-container .sign-badge {
    background-color: var(--outline-primary);
    color: var(--color-primary);
    padding: .625rem 1.25rem;
    border-radius: 3rem;
    text-align: center;
}

body[data-scheme="dark"] .apollo-sign-container .sign-logo {
    display: none;
}

body[data-scheme="dark"] .apollo-sign-container .sign-logo.dark {
    display: inline-block;
}

/*--------------------------------------------------------------
apollo points style
--------------------------------------------------------------*/

.apollo-points-poster,
.apollo-points-progress {
    position: relative;
}

.apollo-points-progress .progress {
    border-radius: 10rem;
    height: 10px;
    background-color: var(--bg-light);
}

.apollo-points-progress .progress .progress-bar {
    background: var(--color-primary);
    background: linear-gradient(to left, #ff522b, #ff9e88);
}

/*--------------------------------------------------------------
Apollo note style
--------------------------------------------------------------*/
.apollo-moment-item {
    margin-bottom: 1.5rem;
}

.apollo-moment-item:last-child {
    margin-bottom: 0;
}

.apollo-moment-content {
    line-height: 1.75;
}

.apollo-moment-action {
    position: relative;
    display: flex;
    align-items: center;
}

.apollo-moment-info .author-avatar {
    width: 48px;
    height: 48px;
}

.apollo-moment-info .author-avatar .avatar-badge {
    width: 20px;
    height: 20px;
    transform: translate(10%, 10%);
}

.apollo-moment-info .author-name {
    display: inline-block;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apollo-moment-images {
    position: relative;
}

.apollo-moment-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767.98px) {
    .apollo-moment-item {
        margin-bottom: 1rem;
    }
}

/*--------------------------------------------------------------
apollo dropdown style
--------------------------------------------------------------*/
.apollo-moment-dropdown .dropmenu-toggle {
    position: relative;
    display: block;
    opacity: .6;
}

.apollo-moment-dropdown .dropmenu-toggle:hover,
.apollo-moment-dropdown.active .dropmenu-toggle {
    opacity: 1;
}

.apollo-moment-dropdown .dropmenu-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 1rem;
    border-radius: var(--border-radius-sm);
    background-color: var(--bg-white);
    border: 1px solid var(--border-light);
    pointer-events: none;
    z-index: 999;
}

.apollo-moment-dropdown .dropmenu-box.fadeup {
    opacity: 0;
    visibility: hidden;
    display: block;
    transform-origin: 0 0 0;
    transition: all 0.3s ease-out 0s;
    transform: translateY(15px);
    box-shadow: 0 0 25px 5px rgba(28, 31, 36, 0.1);
}

.apollo-moment-dropdown.active .dropmenu-box.fadeup {
    pointer-events: initial;
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}

@media (min-width: 1200px) {
    .apollo-moment-dropdown .dropmenu-box {
        width: 80%
    }
}

.apollo-tags-box a {
    position: relative;
    display: inline-block;
    padding: .5rem 1rem .5rem 2.25rem;
    margin: .25rem;
    color: var(--color-muted);
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
}

.apollo-tags-box a::before {
    content: '';
    display: block;
    position: absolute;
    left: 12px;
    top: 50%;
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSLlm77lsYJfMSIgeD0iMCIgeT0iMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAwIDIwMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHN0eWxlPi5zdDF7ZmlsbDojZmZmfTwvc3R5bGU+PGNpcmNsZSBjeD0iMTAwIiBjeT0iMTAwIiByPSI5OSIgc3R5bGU9ImZpbGw6I2ZmNTIyYiIvPjxwYXRoIGQ9Ik0xNTYuMyA3MC44YzEuNCAwIDIuNiAxLjMgMi43IDN2MTIuN2MwIDEuNy0xLjEgMy0yLjYgMy4xSDUwLjZjLTEuNCAwLTIuNi0xLjMtMi43LTNWNzMuOGMwLTEuNyAxLjEtMyAyLjYtMy4xaDEwNS44em0tLjIgMzcuN2MxLjYgMCAyLjggMS4zIDIuOSAzdjEyLjdjMCAxLjctMS4yIDMtMi44IDMuMUg0MS45Yy0xLjYgMC0yLjgtMS4zLTIuOS0yLjl2LTEyLjdjMC0xLjcgMS4yLTMgMi44LTMuMWwxMTQuMy0uMXoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNNzUuOCA0Ny4xYy4xLTEuNCAxLjYtMi42IDMuMi0yLjdoMTIuN2MxLjcgMCAyLjkgMS4xIDIuOSAyLjZsLTkuOSAxMDUuOGMtLjEgMS40LTEuNSAyLjYtMy4yIDIuN0g2OC44Yy0xLjcgMC0yLjktMS4xLTIuOS0yLjZsOS45LTEwNS44em0zOC4xLTQuMmMuMS0xLjYgMS42LTIuOCAzLjItMi45aDEyLjdjMS43IDAgMi45IDEuMiAyLjkgMi44TDEyMiAxNTcuMWMtLjEgMS42LTEuNiAyLjgtMy4yIDIuOWgtMTIuN2MtMS43IDAtMi45LTEuMi0yLjktMi44bDEwLjctMTE0LjN6IiBjbGFzcz0ic3QxIi8+PC9zdmc+');
    transform: translate(0, -50%);
    z-index: 1;
}

@-webkit-keyframes apollofadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes apollofadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/*--------------------------------------------------------------
user navbar
--------------------------------------------------------------*/
.apollo-profile-navbar {
    position: relative
}

.apollo-profile-navbar ul li {
    margin: 2rem 0 0
}

.apollo-profile-navbar ul li:first-child {
    margin: 0
}

.apollo-profile-navbar ul li .nav-inner {
    position: relative;
    display: flex;
    align-items: center
}

.apollo-profile-navbar .nav-text {
    padding: 0 1rem;
    flex: 1 1 auto
}

.apollo-profile-navbar .nav-icon {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    background-color: var(--bg-light);
    border-radius: 50%;
}

.apollo-profile-navbar .nav-icon i {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.apollo-profile-navbar li:nth-child(1) .nav-icon {
    background-color: rgba(254, 85, 1, 0.09);
    color: rgb(254, 85, 1);
}

.apollo-profile-navbar li:nth-child(2) .nav-icon {
    background-color: rgb(254 190 1 / 9%);
    color: rgb(254 190 1);
}

.apollo-profile-navbar li:nth-child(3) .nav-icon {
    background-color: rgb(254 85 1 / 9%);
    color: rgb(254 85 1);
}

.apollo-profile-navbar li:nth-child(4) .nav-icon {
    background-color: rgb(255 147 59 / 9%);
    color: rgb(255 147 59);
}

.apollo-profile-navbar li:nth-child(5) .nav-icon {
    background-color: rgb(4 156 255 / 9%);
    color: rgb(4 156 255);
}

.apollo-profile-navbar li:nth-child(6) .nav-icon {
    background-color: rgb(39 164 95 / 9%);
    color: rgb(39 164 95);
}

@media (max-width: 767.98px) {
    .apollo-profile-navbar ul li {
        margin: 1.5rem 0 0
    }
}

/*--------------------------------------------------------------
user navbar
--------------------------------------------------------------*/
.apollo-menu-widget ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.apollo-menu-widget ul li a {
    display: flex;
    align-items: center;
    color: var(--color-secondary);
}

.apollo-menu-widget ul li a .item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 1.125rem;
    margin-right: .5rem;
}

.apollo-menu-widget ul li a:hover,
.apollo-menu-widget ul li.active a {
    color: var(--color-primary);
}

.apollo-menu-widget ul li.active a .item-icon {
    color: var(--color-primary);
}

.apollo-menu-widget ul li a small {
    position: relative;
    min-width: 15px;
    font-size: 0.6875rem;
    line-height: 1;
    background-color: var(--bg-light);
    color: var(--color-muted);
    border-radius: 4px;
    padding: 2px 3px;
    margin-left: .25rem;
    text-align: center;
}

@media (max-width: 991.98px) {
    .apollo-menu-widget ul {
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        gap: 8px;
    }

    .apollo-menu-widget ul li a {
        flex-direction: column;
        justify-content: center;
        padding: 0.25rem;
    }

    .apollo-menu-widget ul li a .item-icon {
        font-size: 1.5rem;
        margin: 0 0 .25rem;
    }

    .apollo-menu-widget ul li a .item-title {
        font-size: 0.875rem;
    }
}

@media (max-width: 767.98px) {
    .apollo-menu-widget ul {
        flex-wrap: nowrap;
        justify-content: start;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .apollo-menu-widget ul::-webkit-scrollbar {
        display: none;
    }

    .apollo-menu-widget ul li {
        flex-shrink: 0;
    }

    .apollo-menu-widget ul li a {
        flex-direction: row;
        align-items: center;
        gap: 4px;
        padding: 4px 12px 4px 6px;
        background-color: var(--bg-light);
        border-radius: var(--border-radius-sm);
    }

    .apollo-menu-widget ul li.active a {
        background-color: var(--outline-primary);
    }

    .apollo-menu-widget ul li a .item-icon {
        margin: 0;
    }
}

/*--------------------------------------------------------------
apollo user animation style
--------------------------------------------------------------*/

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes burst {
    0% {
        transform: scale(1);
        opacity: 1
    }

    90% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes burst {
    0% {
        transform: scale(1);
        opacity: 1
    }

    90% {
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@-webkit-keyframes fade-left {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    75% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    75% {
        transform: translateX(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-right {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    75% {
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    75% {
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-up {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    75% {
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    75% {
        transform: translateY(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-down {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    75% {
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    75% {
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%,
    60%,
    80% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.apollo-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.apollo-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.apollo-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.apollo-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.apollo-flashing {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.apollo-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.apollo-burst {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.apollo-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.apollo-fade-up {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.apollo-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.apollo-fade-down {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.apollo-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.apollo-fade-left {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.apollo-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.apollo-fade-right {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.apollo-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

/* --------------------------------
user orders style
-------------------------------- */

.apollo-user-orders .order-card {
    margin: 0 0 1.5rem;
}

.apollo-user-orders .order-card:last-child {
    margin: 0;
}

@media (max-width: 767.98px) {
    .apollo-user-orders .order-card {
        margin: 0 0 1.25rem;
    }
}

/*--------------------------------------------------------------
user orders cart total
--------------------------------------------------------------*/
.apollo-cart-header {
    position: relative;
    display: flex;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
}

.apollo-cart-header .cart-header-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
}

.apollo-cart-header .cart-header-body {
    flex: 1 1 auto;
}

.apollo-cart-paying li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid var(--gray-2);
    margin: 0 0 .75rem;
    padding: 0 0 .75rem;
}

.apollo-cart-paying li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------
user cart defray menu
--------------------------------------------------------------*/

.apollo-cart-defraymenu .item-defray .check-input {
    display: none;
}

.apollo-cart-defraymenu .item-defray .check-label {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 80px;
    cursor: pointer;
    text-indent: -100%;
    border-radius: var(--border-radius-sm);
}

.apollo-cart-defraymenu .item-defray .check-alipay {
    border: 1px solid var(--gray-2);
}

.apollo-cart-defraymenu .item-defray .check-wechat {
    border: 1px solid var(--gray-2);
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-label {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-alipay {
    border-color: #96dcfb;
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-wechat {
    border-color: #c8e5ce;
}

.apollo-cart-defraymenu .item-defray .check-label:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .6;
    transition: all 0.15s linear;
    transform: translate(-50%, -50%);
    -ms-filter: grayscale(100%);
    filter: gray;
    z-index: 2
}

.apollo-cart-defraymenu .item-defray .check-wechat:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTUuNjkgMTg2LjI1Ij48ZGVmcz48c3R5bGU+LmNscy0ze2ZpbGw6IzIyMjEyMX08L3N0eWxlPjwvZGVmcz48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDQ1NS42OXYxODYuMjVIMHoiLz48cGF0aCBkPSJNODguMzUgMTA1LjQ0YTIuODMgMi44MyAwIDAgMS0xLjMuMzEgMi44OCAyLjg4IDAgMCAxLTIuNTEtMS40N2wtLjE4LS40MS03Ljg2LTE3LjI0YTEuNDMgMS40MyAwIDAgMSAyLjE2LTEuNzZsOS4yNyA2LjZhNC4zMyA0LjMzIDAgMCAwIDIuMzYuNyA0LjQ1IDQuNDUgMCAwIDAgMS40Ny0uMjZsNDMuNjEtMTkuNDFjLTcuODItOS4yMS0yMC42OS0xNS4yMy0zNS4yNi0xNS4yMy0yMy44MyAwLTQzLjE1IDE2LjEtNDMuMTUgMzYgMCAxMC44NCA1LjgxIDIwLjYgMTQuOTEgMjcuMTlhMi44NiAyLjg2IDAgMCAxIDEuMjEgMi4zNCAzLjIzIDMuMjMgMCAwIDEtLjE2LjkyYy0uNzIgMi43MS0xLjg4IDctMS45NCA3LjI1YTQuMjkgNC4yOSAwIDAgMC0uMjMgMSAxLjQzIDEuNDMgMCAwIDAgMS40NCAxLjQ0IDEuNTcgMS41NyAwIDAgMCAuODMtLjI3bDkuNDQtNS40NWE0LjU4IDQuNTggMCAwIDEgMi4zLS42NiA0LjE2IDQuMTYgMCAwIDEgMS4yNy4xOSA1MS4yOCA1MS4yOCAwIDAgMCAxNC4wOCAyYzIzLjg0IDAgNDMuMTYtMTYuMSA0My4xNi0zNmEzMS4wNyAzMS4wNyAwIDAgMC00LjkyLTE2LjY2bC00OS42OSAyOC43WiIgZmlsbD0iIzIyYWMzOCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Ny4xNyA4Mi44NGgzMi4zN3YyLjloLTMyLjM3ek0yNDcuMTcgOTEuOTFoMzIuMzd2My4xM2gtMzIuMzd6TTI3OC43MiAxMDEuMjFIMjQ4djE3LjUyaDMwLjczWm0tMjcuNiAyLjloMjQuNDd2MTEuNzFoLTI0LjQ3Wk0yMzguMjggMTIwLjU1VjgwLjIzYTk4LjY4IDk4LjY4IDAgMCAwIDQuNzktMTIuNTNsLTIuODktMS43YTkyLjEgOTIuMSAwIDAgMS0xMi4zMSAyNi44OGwxLjczIDNjMS44Mi0yLjcgMy43NC01Ljg3IDUuNTUtOS4xOXYzMy44NlpNMzU1LjkxIDEyMC41NVY4MC4yM2ExMDAuMjEgMTAwLjIxIDAgMCAwIDQuNzktMTIuNTNsLTIuOS0xLjdhOTIuMzQgOTIuMzQgMCAwIDEtMTIuMyAyNi44OGwxLjcyIDNjMS44Mi0yLjcgMy43NS01Ljg3IDUuNTYtOS4xOXYzMy44NlpNMjgyLjk0IDczLjU1aC0xOWwyLTEuMTZoLjA3di0uMDhjLS4yMy0uNTQtLjg0LTEuODEtMS40OC0zLjE2cy0xLjIxLTIuNTQtMS41MS0zLjIxdi0uMDlsLTIuODkgMS42Ni4wNS4wOGMxIDIgMS45MiAzLjczIDIuNzEgNS40NWEyLjY2IDIuNjYgMCAwIDEgLjIxLjU1SDI0NHYzLjEzaDM4Ljk0Wk0xOTkuNCA3MS4xN2gtMi45djEwLjJoLTUuNDhWNjYuODZoLTIuOTF2MTQuNTFoLTUuNzF2LTEwLjJoLTIuOXYxMy4xMWgxOS45VjcxLjE3ek0xODAuNDEgODkuOTloMTcuNjR2Mi45aC0xNy42NHpNMTg0LjIxIDEwNC4xM3YtMi42M2g4Ljg5djYuNWMtLjExIDIuMjYtLjIyIDMtMSA0bDEuNzggMy4wOS4wOC0uMDdjMS41Ny0xLjI1IDQuMjMtMy41NCA3LjkzLTYuNzl2LS4wNWwtMS40LTIuNDJ2LS4xbC00LjQ5IDMuODhWOTguNmgtMTQuOTF2NC40Yy40MiA2LTEuMDkgMTAuMzUtNC40OCAxMi44MmgtLjA3bDEuNjIgMi44LjA1LjA5LjA5LS4wNmM0LjIzLTMuNDkgNi4yMi04LjM5IDUuOTEtMTQuNThNMTY1LjE2IDgwLjU4bDEuNzUgM2E1OS4xNyA1OS4xNyAwIDAgMCAxMS4yMS0xNS43OWwtMi43MS0xLjU2YTQ5LjU2IDQ5LjU2IDAgMCAxLTEwLjI1IDE0LjMxTTE2NC4zNyA5OC44MmwxLjYgMi43OS4wNy4xMS4wOC0uMWMxLjcyLTIgMy4zOS00LjExIDUtNi4yOHYyNS4yMUgxNzR2LTMwYTc5LjE2IDc5LjE2IDAgMCAwIDMuNzctNy43NnYtLjA4bC0yLjc3LTEuNnYuMDlhNjAuNzEgNjAuNzEgMCAwIDEtMTAuNTYgMTcuNTdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjIwLjcgNzkuNzR2LTIuOTFoLTEyLjg5YTYxIDYxIDAgMCAwIDIuODMtMTAuNjVoLTNhNzIuMzcgNzIuMzcgMCAwIDEtOC40NiAyMi41NUwyMDEgOTEuOWwxLjM1LTIuNjljLjUtLjg4LjkxLTEuNjMgMS4yMi0yLjIzLjkxIDcuODMgMi40OSAxNC4xMyA0LjcyIDE4LjczYTQ4LjIyIDQ4LjIyIDAgMCAxLTkuNzUgMTEuMzhoLS4wNmwxLjY3IDIuOS4wNi4xLjA5LS4wOGM0LjU5LTQuMyA3Ljc3LTguMDcgOS40NS0xMS4yMWE1Ny45MSA1Ny45MSAwIDAgMCA4LjkzIDExLjM4bC4wOC4wOCAxLjcyLTN2LS4wN2gtLjA1YTQ2LjQxIDQ2LjQxIDAgMCAxLTktMTEuMjljMy4yOS02IDUuMzQtMTQuODMgNi4xLTI2LjJaTTIxMCAxMDIuMzFjLTEuOTEtNC45My0zLjMzLTExLjY0LTQuMjItMTkuOTNhMjAuMjcgMjAuMjcgMCAwIDEgMS4xLTIuNjRoNy43OGMtLjYgOS40Ni0yLjE3IDE3LjA1LTQuNjYgMjIuNTdNMzQxLjggNzYuNjZ2LTMuMDloLTI0Ljc0di03Ljg1aC0zLjE3djcuODVoLTI0LjUydjMuMDloMjQuNTJWODdIMjk4djIuODNhNTUuMzQgNTUuMzQgMCAwIDAgNy4zOCAxMS40NyA1Mi40MyA1Mi40MyAwIDAgMCA3LjM0IDcuMzcgNjQuNjUgNjQuNjUgMCAwIDEtMjIuMjMgOC41N2wxLjgzIDMuMTZhNzYuMTggNzYuMTggMCAwIDAgMjIuODgtOS44MyA2MCA2MCAwIDAgMCAyMS44IDkuNzNoLjA5bDEuMjktMi40NGE4OC4xNyA4OC4xNyAwIDAgMS04LjU2LTIuODggNjIuMjUgNjIuMjUgMCAwIDEtMTIuMzYtNi4zOCA0NiA0NiAwIDAgMCAxNS41Mi0yMC4xNkwzMzAuMzcgODdoLTEzLjMxVjc2LjY2Wm0tMTIuNTUgMTNzLTMuMTkgOS4xMy0xNC4xMSAxNi45M2E0OCA0OCAwIDAgMS0xNC0xNi45M1pNMzgxLjU0IDExNi41M2gtMS44MXYzLjEzaDIuNzNjMy4wNyAwIDQuNzUtLjY1IDYuMDYtMnMxLjg5LTMuMjIgMS44MS01Ljc5VjgyLjhoOC40MXYtMy4xMmgtOC40MVY2Ni4yNmgtMy4xNHYxMy40MmgtMjUuODJ2My4xMmgyNS44MnYyOS4wOWMwIDMuMTYtMiA0LjY0LTUuNjUgNC42NCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTM3NC41NCAxMDYuMTggMy4xLTEuODJDMzc2IDEwMSAzNzMuNzUgOTYuNDggMzcxIDkxbC0yLjg0IDEuNjVjMS45MSAzLjczIDQgOC4yNyA2LjM4IDEzLjU3Ii8+PC9nPjwvZz48L3N2Zz4=');
}

.apollo-cart-defraymenu .item-defray .check-alipay:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj48cGF0aCBkPSJNNjMuNjkgNDAuODRhMTEgMTEgMCAwIDAtMTEgMTAuOTV2NDYuNDJhMTEgMTEgMCAwIDAgMTEgMTFoNDYuODdhMTEgMTEgMCAwIDAgMTEtMTF2LS40N2MtLjIxLS4wOS0xNy45My03LjQxLTI2LjkzLTExLjctNi4wOCA3LjQxLTEzLjkxIDExLjktMjIuMDUgMTEuOS0xMy43IDAtMTguMzgtMTEuOTQtMTEuODYtMTkuNzhhMTMuODUgMTMuODUgMCAwIDEgNy41OC00LjI2YzUuODctMS40MyAxNS4yMS44OSAyNCAzLjc1YTQ3IDQ3IDAgMCAwIDMuODgtOS40aC0yN3YtMi43MWgxMy45di00Ljg1SDY2LjI0VjU4aDE2Ljg0di02Ljk0YTEuMTUgMS4xNSAwIDAgMSAxLjE5LTEuMTZoNi44VjU4aDE2LjY1djIuNzFIOTEuMDd2NC44NWgxMy41OWE1NSA1NSAwIDAgMS01Ljc1IDE0LjRjNC4xMiAxLjQ4IDcuODIgMi44OCAxMC41OCAzLjggOS4yIDMuMDUgMTEuNzggMy40MiAxMi4xMiAzLjQ2VjUxLjc5YTExIDExIDAgMCAwLTExLTEwLjk1SDYzLjY5Wm03LjU3IDM3YTE3LjY4IDE3LjY4IDAgMCAwLTEuNzguMDljLTEuNzMuMTctNSAuOTMtNi43MyAyLjQ4LTUuMyA0LjU4LTIuMTMgMTIuOTUgOC42IDEyLjk1IDYuMjMgMCAxMi40Ny0zLjk1IDE3LjM2LTEwLjI4LTYuMzEtMy0xMS43NS01LjMxLTE3LjQ1LTUuMjRaIiBmaWxsPSIjMDBhMWU5Ii8+PHBhdGggZD0iTTI0MS41NCA4OC4zMyAyMzguNDYgOTVsLTMuMTItNi42NWgtMy4wNWw0LjcxIDkuMTd2Ni40aDIuOHYtNi40bDQuNzMtOS4xNVptLTIyLjU0IDQgMi4xNyA2LjQ3aC00LjQxWm0yLjg0IDguNDMgMSAzLjE0aDIuOTNMMjIwIDg4LjMzaC0yLjJsLTUuOCAxNS41OWgzbDEuMDktMy4xNFptLTIxLjktNWgtMy4xMXYtNS4zMWgzLjExYTIuNTggMi41OCAwIDAgMSAyLjUxIDIuNjggMi41NCAyLjU0IDAgMCAxLTIuNTEgMi42Nm0uMTYtNy40NkgxOTR2MTUuNTloMi44M3YtNmgzLjI3YzMgMCA1LjE3LTIgNS4xNy00LjhzLTIuMTMtNC44LTUuMTctNC44bS0yMC4zNiAxNS41OWgyLjgzVjg4LjMzaC0yLjgzWm0tMTkuODUtMTUuNTh2MTUuNTloOS41di0yLjEyaC02LjY4Vjg4LjMzWm0tMTYuMDcgNCAyLjE4IDYuNDloLTQuNDJabTIuODQgOC40MyAxIDMuMTRoMi45M2wtNS43Ny0xNS41OWgtMi4yNGwtNS43NiAxNS41OWgyLjkzbDEuMDktMy4xNFptMTkuODYtNDIuOTJoLTEyLjF2LTQuMjloMTR2LTIuNjhoLTE0di01LjQ2aC02LjI2YTEuMjUgMS4yNSAwIDAgMC0xLjI0IDEuMjd2NC4xOUgxMzN2Mi42OGgxMy45NHY0LjMxaC0xMS43OXYyLjY4aDIzLjQ0cy0xLjMgNS03LjczIDEwLjQ1Yy01Ljc2LTQuMzMtNy42OC03Ljc4LTcuNjgtNy43OGgtNi4yOWEzNC44MiAzNC44MiAwIDAgMCAxMC4wNSAxMC42NyA1NC43OSA1NC43OSAwIDAgMS0xNC4yIDYuMzF2My4yMmE2My44OCA2My44OCAwIDAgMCAxOC4xOC03IDY1LjQ4IDY1LjQ4IDAgMCAwIDE3Ljk0IDd2LTNBNzQuODMgNzQuODMgMCAwIDEgMTU1IDczLjc5YzUuMTgtMy44MiA5LjczLTkgMTEuNTUtMTUuOTNtMzkuMzItMTEuOTJoLTYuM3Y2LjU1SDE4NHYyLjYzaDE1LjUzdjIzLjUyYTEuMDggMS4wOCAwIDAgMS0xIDFoLTMuMnYyLjczaDguMTdhMi40NyAyLjQ3IDAgMCAwIDIuMzUtMi40NFY1NS4xMmgyLjU2di0yLjY0aC0yLjU2Wm0tMTMuMzIgMTMuNjJhMS40MiAxLjQyIDAgMCAwLTEuMjUtLjhoLTUuMjVsNC4xIDEyLjhoNi4yWm0tMTUuNS0xMy45My03LjIzIDE3aDUuNTR2MjAuMmg2LjA3VjU2aC0yLjJsNC41Ni0xMC4zOVptNzAuMyAzNi4yNy0yLjIxLTcuNDNhMS4xNSAxLjE1IDAgMCAwLTEuMS0uODJoLTUuODdsMS43IDUuNzFIMjMzVjY4LjNoMTMuNTZ2LTIuNjNIMjMzdi01LjIxaDEzLjU2di0yLjYzSDIxMi43djIuNjNoMTMuNTV2NS4yMUgyMTIuN3YyLjYzaDEzLjU1djExLjA2SDIxMi43VjgyaDM0LjY1di0uMDlabS0yNy42LTMwLjM1aDE5Ljc0djMuODhoN3YtNC42MmExLjg4IDEuODggMCAwIDAtMS44My0xLjg5SDIzMy4zVjQ1LjNoLTcuMzh2My42MkgyMTIuN3Y2LjUxaDcuMDVaIiBmaWxsPSIjM2YzYjNhIi8+PC9zdmc+');
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-label:after {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-alipay:before {
    background-color: #96dcfb;
    opacity: .1
}

.apollo-cart-defraymenu .item-defray .check-input:checked ~ .check-wechat {
    background-color: #eaf9ed;
}

/* --------------------------------
order qr
-------------------------------- */

.apollo-order-QrPay {
    max-width: 300px;
}

.apollo-order-QrPay .wechatpay-icon {
    width: 100%;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTUuNjkgMTg2LjI1Ij48ZGVmcz48c3R5bGU+LmNscy0ze2ZpbGw6IzIyMjEyMX08L3N0eWxlPjwvZGVmcz48ZyBpZD0i5Zu+5bGCXzIiIGRhdGEtbmFtZT0i5Zu+5bGCIDIiPjxnIGlkPSLlm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDQ1NS42OXYxODYuMjVIMHoiLz48cGF0aCBkPSJNODguMzUgMTA1LjQ0YTIuODMgMi44MyAwIDAgMS0xLjMuMzEgMi44OCAyLjg4IDAgMCAxLTIuNTEtMS40N2wtLjE4LS40MS03Ljg2LTE3LjI0YTEuNDMgMS40MyAwIDAgMSAyLjE2LTEuNzZsOS4yNyA2LjZhNC4zMyA0LjMzIDAgMCAwIDIuMzYuNyA0LjQ1IDQuNDUgMCAwIDAgMS40Ny0uMjZsNDMuNjEtMTkuNDFjLTcuODItOS4yMS0yMC42OS0xNS4yMy0zNS4yNi0xNS4yMy0yMy44MyAwLTQzLjE1IDE2LjEtNDMuMTUgMzYgMCAxMC44NCA1LjgxIDIwLjYgMTQuOTEgMjcuMTlhMi44NiAyLjg2IDAgMCAxIDEuMjEgMi4zNCAzLjIzIDMuMjMgMCAwIDEtLjE2LjkyYy0uNzIgMi43MS0xLjg4IDctMS45NCA3LjI1YTQuMjkgNC4yOSAwIDAgMC0uMjMgMSAxLjQzIDEuNDMgMCAwIDAgMS40NCAxLjQ0IDEuNTcgMS41NyAwIDAgMCAuODMtLjI3bDkuNDQtNS40NWE0LjU4IDQuNTggMCAwIDEgMi4zLS42NiA0LjE2IDQuMTYgMCAwIDEgMS4yNy4xOSA1MS4yOCA1MS4yOCAwIDAgMCAxNC4wOCAyYzIzLjg0IDAgNDMuMTYtMTYuMSA0My4xNi0zNmEzMS4wNyAzMS4wNyAwIDAgMC00LjkyLTE2LjY2bC00OS42OSAyOC43WiIgZmlsbD0iIzIyYWMzOCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Ny4xNyA4Mi44NGgzMi4zN3YyLjloLTMyLjM3ek0yNDcuMTcgOTEuOTFoMzIuMzd2My4xM2gtMzIuMzd6TTI3OC43MiAxMDEuMjFIMjQ4djE3LjUyaDMwLjczWm0tMjcuNiAyLjloMjQuNDd2MTEuNzFoLTI0LjQ3Wk0yMzguMjggMTIwLjU1VjgwLjIzYTk4LjY4IDk4LjY4IDAgMCAwIDQuNzktMTIuNTNsLTIuODktMS43YTkyLjEgOTIuMSAwIDAgMS0xMi4zMSAyNi44OGwxLjczIDNjMS44Mi0yLjcgMy43NC01Ljg3IDUuNTUtOS4xOXYzMy44NlpNMzU1LjkxIDEyMC41NVY4MC4yM2ExMDAuMjEgMTAwLjIxIDAgMCAwIDQuNzktMTIuNTNsLTIuOS0xLjdhOTIuMzQgOTIuMzQgMCAwIDEtMTIuMyAyNi44OGwxLjcyIDNjMS44Mi0yLjcgMy43NS01Ljg3IDUuNTYtOS4xOXYzMy44NlpNMjgyLjk0IDczLjU1aC0xOWwyLTEuMTZoLjA3di0uMDhjLS4yMy0uNTQtLjg0LTEuODEtMS40OC0zLjE2cy0xLjIxLTIuNTQtMS41MS0zLjIxdi0uMDlsLTIuODkgMS42Ni4wNS4wOGMxIDIgMS45MiAzLjczIDIuNzEgNS40NWEyLjY2IDIuNjYgMCAwIDEgLjIxLjU1SDI0NHYzLjEzaDM4Ljk0Wk0xOTkuNCA3MS4xN2gtMi45djEwLjJoLTUuNDhWNjYuODZoLTIuOTF2MTQuNTFoLTUuNzF2LTEwLjJoLTIuOXYxMy4xMWgxOS45VjcxLjE3ek0xODAuNDEgODkuOTloMTcuNjR2Mi45aC0xNy42NHpNMTg0LjIxIDEwNC4xM3YtMi42M2g4Ljg5djYuNWMtLjExIDIuMjYtLjIyIDMtMSA0bDEuNzggMy4wOS4wOC0uMDdjMS41Ny0xLjI1IDQuMjMtMy41NCA3LjkzLTYuNzl2LS4wNWwtMS40LTIuNDJ2LS4xbC00LjQ5IDMuODhWOTguNmgtMTQuOTF2NC40Yy40MiA2LTEuMDkgMTAuMzUtNC40OCAxMi44MmgtLjA3bDEuNjIgMi44LjA1LjA5LjA5LS4wNmM0LjIzLTMuNDkgNi4yMi04LjM5IDUuOTEtMTQuNThNMTY1LjE2IDgwLjU4bDEuNzUgM2E1OS4xNyA1OS4xNyAwIDAgMCAxMS4yMS0xNS43OWwtMi43MS0xLjU2YTQ5LjU2IDQ5LjU2IDAgMCAxLTEwLjI1IDE0LjMxTTE2NC4zNyA5OC44MmwxLjYgMi43OS4wNy4xMS4wOC0uMWMxLjcyLTIgMy4zOS00LjExIDUtNi4yOHYyNS4yMUgxNzR2LTMwYTc5LjE2IDc5LjE2IDAgMCAwIDMuNzctNy43NnYtLjA4bC0yLjc3LTEuNnYuMDlhNjAuNzEgNjAuNzEgMCAwIDEtMTAuNTYgMTcuNTdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjIwLjcgNzkuNzR2LTIuOTFoLTEyLjg5YTYxIDYxIDAgMCAwIDIuODMtMTAuNjVoLTNhNzIuMzcgNzIuMzcgMCAwIDEtOC40NiAyMi41NUwyMDEgOTEuOWwxLjM1LTIuNjljLjUtLjg4LjkxLTEuNjMgMS4yMi0yLjIzLjkxIDcuODMgMi40OSAxNC4xMyA0LjcyIDE4LjczYTQ4LjIyIDQ4LjIyIDAgMCAxLTkuNzUgMTEuMzhoLS4wNmwxLjY3IDIuOS4wNi4xLjA5LS4wOGM0LjU5LTQuMyA3Ljc3LTguMDcgOS40NS0xMS4yMWE1Ny45MSA1Ny45MSAwIDAgMCA4LjkzIDExLjM4bC4wOC4wOCAxLjcyLTN2LS4wN2gtLjA1YTQ2LjQxIDQ2LjQxIDAgMCAxLTktMTEuMjljMy4yOS02IDUuMzQtMTQuODMgNi4xLTI2LjJaTTIxMCAxMDIuMzFjLTEuOTEtNC45My0zLjMzLTExLjY0LTQuMjItMTkuOTNhMjAuMjcgMjAuMjcgMCAwIDEgMS4xLTIuNjRoNy43OGMtLjYgOS40Ni0yLjE3IDE3LjA1LTQuNjYgMjIuNTdNMzQxLjggNzYuNjZ2LTMuMDloLTI0Ljc0di03Ljg1aC0zLjE3djcuODVoLTI0LjUydjMuMDloMjQuNTJWODdIMjk4djIuODNhNTUuMzQgNTUuMzQgMCAwIDAgNy4zOCAxMS40NyA1Mi40MyA1Mi40MyAwIDAgMCA3LjM0IDcuMzcgNjQuNjUgNjQuNjUgMCAwIDEtMjIuMjMgOC41N2wxLjgzIDMuMTZhNzYuMTggNzYuMTggMCAwIDAgMjIuODgtOS44MyA2MCA2MCAwIDAgMCAyMS44IDkuNzNoLjA5bDEuMjktMi40NGE4OC4xNyA4OC4xNyAwIDAgMS04LjU2LTIuODggNjIuMjUgNjIuMjUgMCAwIDEtMTIuMzYtNi4zOCA0NiA0NiAwIDAgMCAxNS41Mi0yMC4xNkwzMzAuMzcgODdoLTEzLjMxVjc2LjY2Wm0tMTIuNTUgMTNzLTMuMTkgOS4xMy0xNC4xMSAxNi45M2E0OCA0OCAwIDAgMS0xNC0xNi45M1pNMzgxLjU0IDExNi41M2gtMS44MXYzLjEzaDIuNzNjMy4wNyAwIDQuNzUtLjY1IDYuMDYtMnMxLjg5LTMuMjIgMS44MS01Ljc5VjgyLjhoOC40MXYtMy4xMmgtOC40MVY2Ni4yNmgtMy4xNHYxMy40MmgtMjUuODJ2My4xMmgyNS44MnYyOS4wOWMwIDMuMTYtMiA0LjY0LTUuNjUgNC42NCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTM3NC41NCAxMDYuMTggMy4xLTEuODJDMzc2IDEwMSAzNzMuNzUgOTYuNDggMzcxIDkxbC0yLjg0IDEuNjVjMS45MSAzLjczIDQgOC4yNyA2LjM4IDEzLjU3Ii8+PC9nPjwvZz48L3N2Zz4=');
}

.apollo-order-QrPay .wechatpay-img {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--border-light);
}

.apollo-order-QrPay .wechatpay-text {
    font-weight: bold;
    padding: .75rem .5rem;
    background: #eef3ef;
    color: #1caa39;
    border: 1px solid #c1dec9;
}

/* --------------------------------
Editor tags style
-------------------------------- */

.editor-tags-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -.375rem
}

.editor-tags-radio .item {
    padding: .375rem
}

.editor-tags-radio .item .check-input {
    display: none
}

.editor-tags-radio .item .check-label {
    position: relative;
    padding: .5rem 2.5rem .5rem .875rem;
    display: block;
    cursor: pointer;
    background-color: var(--bg-light);
    color: var(--color-secondary);
    border-radius: var(--border-radius-sm)
}

.editor-tags-radio .item .check-input:checked ~ .check-label {
    background-color: var(--bg-secondary);
    color: #fff;
}

.editor-tags-radio .item .check-label .cheak-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzA5MDkwOSIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNjIxIDEyLjYyMWg3LjVhMS41IDEuNSAwIDAgMCAwLTNoLTcuNXYtNy41YTEuNSAxLjUgMCAxIDAtMyAwdjcuNWgtNy41YTEuNSAxLjUgMCAxIDAgMCAzaDcuNXY3LjVhMS41IDEuNSAwIDEgMCAzIDB2LTcuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==')
}

.editor-tags-radio .item .check-input:checked ~ .check-label .cheak-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MjEgMTIuNjIxMUgyMC4xMjFDMjAuNTE4OCAxMi42MjExIDIwLjkwMDMgMTIuNDYzMSAyMS4xODE2IDEyLjE4MThDMjEuNDYyOSAxMS45MDA0IDIxLjYyMSAxMS41MTg5IDIxLjYyMSAxMS4xMjExQzIxLjYyMSAxMC43MjMzIDIxLjQ2MjkgMTAuMzQxNyAyMS4xODE2IDEwLjA2MDRDMjAuOTAwMyA5Ljc3OTEzIDIwLjUxODggOS42MjEwOSAyMC4xMjEgOS42MjEwOUgxMi42MjFWMi4xMjEwOUMxMi42MjEgMS43MjMyNyAxMi40NjI5IDEuMzQxNzQgMTIuMTgxNiAxLjA2MDQzQzExLjkwMDMgMC43NzkxMjkgMTEuNTE4OCAwLjYyMTA5NCAxMS4xMjEgMC42MjEwOTRDMTAuNzIzMSAwLjYyMTA5NCAxMC4zNDE2IDAuNzc5MTI5IDEwLjA2MDMgMS4wNjA0M0M5Ljc3OTAxIDEuMzQxNzQgOS42MjA5NyAxLjcyMzI3IDkuNjIwOTcgMi4xMjEwOVY5LjYyMTA5SDIuMTIwOTdDMS43MjMxNSA5LjYyMTA5IDEuMzQxNjIgOS43NzkxMyAxLjA2MDMxIDEwLjA2MDRDMC43NzkwMDcgMTAuMzQxNyAwLjYyMDk3MiAxMC43MjMzIDAuNjIwOTcyIDExLjEyMTFDMC42MjA5NzIgMTEuNTE4OSAwLjc3OTAwNyAxMS45MDA0IDEuMDYwMzEgMTIuMTgxOEMxLjM0MTYyIDEyLjQ2MzEgMS43MjMxNSAxMi42MjExIDIuMTIwOTcgMTIuNjIxMUg5LjYyMDk3VjIwLjEyMTFDOS42MjA5NyAyMC41MTg5IDkuNzc5MDEgMjAuOTAwNCAxMC4wNjAzIDIxLjE4MThDMTAuMzQxNiAyMS40NjMxIDEwLjcyMzEgMjEuNjIxMSAxMS4xMjEgMjEuNjIxMUMxMS41MTg4IDIxLjYyMTEgMTEuOTAwMyAyMS40NjMxIDEyLjE4MTYgMjEuMTgxOEMxMi40NjI5IDIwLjkwMDQgMTIuNjIxIDIwLjUxODkgMTIuNjIxIDIwLjEyMTFWMTIuNjIxMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
    transform: translateY(-50%) rotate(45deg);
    opacity: .6;
}

body[data-scheme="dark"] .editor-tags-radio .item .check-label {
    background-color: var(--bg-light);
    color: var(--color-secondary)
}

body[data-scheme="dark"] .editor-tags-radio .item .check-label .cheak-icon {
    opacity: .4;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi42MjEgMTIuNjIxMUgyMC4xMjFDMjAuNTE4OCAxMi42MjExIDIwLjkwMDMgMTIuNDYzMSAyMS4xODE2IDEyLjE4MThDMjEuNDYyOSAxMS45MDA0IDIxLjYyMSAxMS41MTg5IDIxLjYyMSAxMS4xMjExQzIxLjYyMSAxMC43MjMzIDIxLjQ2MjkgMTAuMzQxNyAyMS4xODE2IDEwLjA2MDRDMjAuOTAwMyA5Ljc3OTEzIDIwLjUxODggOS42MjEwOSAyMC4xMjEgOS42MjEwOUgxMi42MjFWMi4xMjEwOUMxMi42MjEgMS43MjMyNyAxMi40NjI5IDEuMzQxNzQgMTIuMTgxNiAxLjA2MDQzQzExLjkwMDMgMC43NzkxMjkgMTEuNTE4OCAwLjYyMTA5NCAxMS4xMjEgMC42MjEwOTRDMTAuNzIzMSAwLjYyMTA5NCAxMC4zNDE2IDAuNzc5MTI5IDEwLjA2MDMgMS4wNjA0M0M5Ljc3OTAxIDEuMzQxNzQgOS42MjA5NyAxLjcyMzI3IDkuNjIwOTcgMi4xMjEwOVY5LjYyMTA5SDIuMTIwOTdDMS43MjMxNSA5LjYyMTA5IDEuMzQxNjIgOS43NzkxMyAxLjA2MDMxIDEwLjA2MDRDMC43NzkwMDcgMTAuMzQxNyAwLjYyMDk3MiAxMC43MjMzIDAuNjIwOTcyIDExLjEyMTFDMC42MjA5NzIgMTEuNTE4OSAwLjc3OTAwNyAxMS45MDA0IDEuMDYwMzEgMTIuMTgxOEMxLjM0MTYyIDEyLjQ2MzEgMS43MjMxNSAxMi42MjExIDIuMTIwOTcgMTIuNjIxMUg5LjYyMDk3VjIwLjEyMTFDOS42MjA5NyAyMC41MTg5IDkuNzc5MDEgMjAuOTAwNCAxMC4wNjAzIDIxLjE4MThDMTAuMzQxNiAyMS40NjMxIDEwLjcyMzEgMjEuNjIxMSAxMS4xMjEgMjEuNjIxMUMxMS41MTg4IDIxLjYyMTEgMTEuOTAwMyAyMS40NjMxIDEyLjE4MTYgMjEuMTgxOEMxMi40NjI5IDIwLjkwMDQgMTIuNjIxIDIwLjUxODkgMTIuNjIxIDIwLjEyMTFWMTIuNjIxMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

body[data-scheme="dark"] .editor-tags-radio .item .check-input:checked ~ .check-label {
    background-color: var(--bg-muted);
    color: #fff
}

/*--------------------------------------------------------------
Apollo insign date style
--------------------------------------------------------------*/
.insign-date-body {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: 12px 12px 0 0;
}

.insign-date-body::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 15%;
    height: 2px;
    margin-top: 9px;
    background-color: var(--border-color);
}

.insign-date-body .item {
    position: relative;
    z-index: 2;
    opacity: 1;
    border-radius: 50%;
}

@-webkit-keyframes insign-button-animation {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.95)
    }
}

@keyframes insign-button-animation {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.95)
    }
}

.insign-date-body .item .item-day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 1.125rem;
    border-radius: 100px;
    background-color: var(--bg-light);
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-name: insign-button-animation;
    animation-name: insign-button-animation;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    transform: scale(1);
}

.insign-date-body .item.current .item-day {
    background-color: var(--color-primary);
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .insign-date-body .item-day {
        width: 36px;
        height: 36px;
    }
}

/* --------------------------------
  ## ck style
-------------------------------- */
.ck-body-wrapper,
#post-editor {
    --ck-color-base-foreground: #fff;
    --ck-color-base-background: #fff;
    --ck-color-base-border: var(--gray-2);
    --ck-color-base-action: #53a336;
    --ck-color-base-focus: #6cb5f9;
    --ck-color-base-text: var(--color-secondary);
    --ck-color-base-active: var(--color-primary);
    --ck-color-base-active-focus: var(--color-primary);
    --ck-color-base-error: #db3700;
    --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
    --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
    --ck-color-focus-outer-shadow: #cae1fc;
    --ck-color-focus-disabled-shadow: rgba(119, 186, 248, .3);
    --ck-color-focus-error-shadow: rgba(255, 64, 31, .3);
    --ck-color-text: var(--ck-color-base-text);
    --ck-color-shadow-drop: rgba(0, 0, 0, .15);
    --ck-color-shadow-drop-active: rgba(0, 0, 0, .2);
    --ck-color-shadow-inner: rgba(0, 0, 0, .1);
    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: var(--gray-1);
    --ck-color-button-default-active-background: var(--gray-1);
    --ck-color-button-default-disabled-background: transparent;
    --ck-color-button-on-background: var(--gray-1);
    --ck-color-button-on-hover-background: var(--gray-2);
    --ck-color-button-on-active-background: var(--gray-2);
    --ck-color-button-on-disabled-background: var(--gray-1);
    --ck-color-button-on-color: #2977ff;
    --ck-color-button-action-background: var(--ck-color-base-action);
    --ck-color-button-action-hover-background: #4d9d30;
    --ck-color-button-action-active-background: #4d9d30;
    --ck-color-button-action-disabled-background: #7ec365;
    --ck-color-button-action-text: var(--ck-color-base-background);
    --ck-color-button-save: #008a00;
    --ck-color-button-cancel: #db3700;
    --ck-color-switch-button-off-background: var(--gray-3);
    --ck-color-switch-button-off-hover-background: var(--gray-3);
    --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
    --ck-color-switch-button-on-hover-background: #4d9d30;
    --ck-color-switch-button-inner-background: var(--ck-color-base-background);
    --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, .1);
    --ck-color-dropdown-panel-background: var(--ck-color-base-background);
    --ck-color-dropdown-panel-border: var(--ck-color-base-border);
    --ck-color-dialog-background: var(--ck-custom-background);
    --ck-color-dialog-form-header-border: var(--ck-custom-border);
    --ck-color-input-background: var(--ck-color-base-background);
    --ck-color-input-border: var(--ck-color-base-border);
    --ck-color-input-error-border: var(--ck-color-base-error);
    --ck-color-input-text: var(--ck-color-base-text);
    --ck-color-input-disabled-background: var(--gray-1);
    --ck-color-input-disabled-border: var(--ck-color-base-border);
    --ck-color-input-disabled-text: var(--color-muted);
    --ck-color-list-background: var(--ck-color-base-background);
    --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
    --ck-color-list-button-on-background: var(--ck-color-button-on-color);
    --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
    --ck-color-list-button-on-text: var(--ck-color-base-background);
    --ck-color-panel-background: var(--ck-color-base-background);
    --ck-color-panel-border: var(--ck-color-base-border);
    --ck-color-toolbar-background: var(--ck-color-base-background);
    --ck-color-toolbar-border: var(--ck-color-base-border);
    --ck-color-tooltip-background: var(--ck-color-base-text);
    --ck-color-tooltip-text: var(--ck-color-base-background);
    --ck-color-engine-placeholder-text: #707070;
    --ck-color-upload-bar-background: #6cb5f9;
    --ck-color-link-default: var(--color-primary);
    --ck-color-link-selected-background: rgba(31, 176, 255, .1);
    --ck-color-link-fake-selection: rgba(31, 176, 255, .3);
    --ck-color-highlight-background: #ff0;
    --ck-color-light-red: #fcc;
    --ck-disabled-opacity: .5;
    --ck-focus-outer-shadow-geometry: 0 0 0 3px;
    --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
    --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
    --ck-font-size-base: 13px;
    --ck-line-height-base: 1.84615;
    --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    --ck-font-size-tiny: 0.7em;
    --ck-font-size-small: 0.75em;
    --ck-font-size-normal: 1em;
    --ck-font-size-big: 1.4em;
    --ck-font-size-large: 1.8em;
    --ck-ui-component-min-height: 2.3em;
    --ck-border-radius: var(--border-radius-sm);
    --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
    --ck-spacing-small: 0;
}

#post-editor .ck.ck-button {
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}

.ck.ck-list__item .ck-button.ck-on:hover {
    background-color: var(--color-primary);
    color: #fff;
}

#post-editor .ck.ck-toolbar {
    border: 0;
    margin-bottom: .75rem;
}

#post-editor .ck-dropdown__panel .ck.ck-toolbar {
    margin-bottom: 0;
    padding: 10px;
}

#post-editor .ck.ck-toolbar > .ck-toolbar__items {
    gap: 8px;
}

#post-editor .ck.ck-toolbar .ck.ck-toolbar__separator {
    display: none;
}

#post-editor .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
#post-editor .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    border-radius: var(--ck-border-radius);
}

#post-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    box-shadow: none !important;
}

#post-editor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    border-color: var(--color-primary);
}

#post-editor .ck.ck-content:not(.ck-style-grid__button__preview) {
    min-height: 600px;
}

#post-editor .ck.ck-content ul,
#post-editor .ck.ck-content ol {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.5rem;
}

#post-editor .ck.ck-content ul {
    list-style: disc;
}

#post-editor .ck.ck-content ul ul,
#post-editor .ck.ck-content ol ol,
#post-editor .ck.ck-content ul ol,
#post-editor .ck.ck-content ol ul {
    margin-bottom: 1rem;
}

#post-editor .ck.ck-contentul ul {
    list-style: circle;
    margin: 0.75rem 0;
}

#post-editor .ck.ck-content ul ul ul {
    list-style: square;
}

#post-editor .ck.ck-content ol {
    list-style: decimal;
}

#post-editor .ck.ck-content ol ol {
    list-style: lower-alpha;
}

#post-editor .ck.ck-content ol ol ol {
    list-style: lower-roman;
}

#post-editor .ck.ck-content li {
    line-height: 1.5;
    margin: 0 0 .5rem;
}

#post-editor .ck.ck-content li li {
    margin: 0 0 0.5rem;
}

#post-editor .ck.ck-content li img {
    display: inline-block;
}

@media (max-width: 767.98px) {
    #post-editor .ck.ck-content:not(.ck-style-grid__button__preview) {
        min-height: 400px;
    }
}

.ck-body-wrapper .ck.ck-input:focus {
    box-shadow: none;
}

.ck-body-wrapper .ck-rounded-corners .ck.ck-balloon-panel .ck.ck-label {
    top: -2px !important;
}

body[data-scheme="dark"] .ck-body-wrapper,
body[data-scheme="dark"] #post-editor {
    --ck-color-base-foreground: transparent;
    --ck-color-base-background: transparent;
    --ck-color-base-border: var(--border-color);
    --ck-color-base-action: #53a336;
    --ck-color-base-focus: #6cb5f9;
    --ck-color-base-text: #fff;
    --ck-color-base-active: var(--color-primary);
    --ck-color-base-active-focus: var(--color-primary);
    --ck-color-base-error: #db3700;
    --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
    --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
    --ck-color-focus-outer-shadow: #cae1fc;
    --ck-color-focus-disabled-shadow: rgba(119, 186, 248, .3);
    --ck-color-focus-error-shadow: rgba(255, 64, 31, .3);
    --ck-color-text: var(--ck-color-base-text);
    --ck-color-shadow-drop: rgba(0, 0, 0, .15);
    --ck-color-shadow-drop-active: rgba(0, 0, 0, .2);
    --ck-color-shadow-inner: rgba(0, 0, 0, .1);
    --ck-color-button-default-background: var(--gray-6);
    --ck-color-button-default-hover-background: var(--gray-6);
    --ck-color-button-default-active-background: var(--gray-5);
    --ck-color-button-default-disabled-background: var(--bg-muted);
    --ck-color-button-on-background: var(--gray-5);
    --ck-color-button-on-hover-background: var(--gray-5);
    --ck-color-button-on-active-background: var(--gray-6);
    --ck-color-button-on-disabled-background: var(--gray-5);
    --ck-color-button-on-color: #2977ff;
    --ck-color-button-action-background: var(--ck-color-base-action);
    --ck-color-button-action-hover-background: #4d9d30;
    --ck-color-button-action-active-background: #4d9d30;
    --ck-color-button-action-disabled-background: #7ec365;
    --ck-color-button-action-text: var(--ck-color-base-background);
    --ck-color-button-save: #008a00;
    --ck-color-button-cancel: #db3700;
    --ck-color-switch-button-off-background: var(--gray-3);
    --ck-color-switch-button-off-hover-background: var(--gray-3);
    --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
    --ck-color-switch-button-on-hover-background: #4d9d30;
    --ck-color-switch-button-inner-background: var(--ck-color-base-background);
    --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, .1);
    --ck-color-dropdown-panel-background: var(--ck-color-base-background);
    --ck-color-dropdown-panel-border: var(--ck-color-base-border);
    --ck-color-dialog-background: var(--ck-custom-background);
    --ck-color-dialog-form-header-border: var(--ck-custom-border);
    --ck-color-input-background: var(--ck-color-base-background);
    --ck-color-input-border: var(--ck-color-base-border);
    --ck-color-input-error-border: var(--ck-color-base-error);
    --ck-color-input-text: var(--ck-color-base-text);
    --ck-color-input-disabled-background: var(--gray-1);
    --ck-color-input-disabled-border: var(--ck-color-base-border);
    --ck-color-input-disabled-text: var(--color-muted);
    --ck-color-list-background: var(--ck-color-base-background);
    --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
    --ck-color-list-button-on-background: var(--ck-color-button-on-color);
    --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
    --ck-color-list-button-on-text: #fff;
    --ck-color-panel-background: var(--ck-color-base-background);
    --ck-color-panel-border: var(--ck-color-base-border);
    --ck-color-toolbar-background: var(--ck-color-base-background);
    --ck-color-toolbar-border: var(--ck-color-base-border);
    --ck-color-tooltip-background: var(--gray-6);
    --ck-color-tooltip-text: #fff;
    --ck-color-engine-placeholder-text: #707070;
    --ck-color-upload-bar-background: #6cb5f9;
    --ck-color-link-default: var(--color-primary);
    --ck-color-link-selected-background: rgba(31, 176, 255, .1);
    --ck-color-link-fake-selection: rgba(31, 176, 255, .3);
    --ck-color-highlight-background: #ff0;
    --ck-color-light-red: #fcc;
    --ck-disabled-opacity: .5;
    --ck-focus-outer-shadow-geometry: 0 0 0 3px;
    --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
    --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
    --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
    --ck-font-size-base: 13px;
    --ck-line-height-base: 1.84615;
    --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
    --ck-font-size-tiny: 0.7em;
    --ck-font-size-small: 0.75em;
    --ck-font-size-normal: 1em;
    --ck-font-size-big: 1.4em;
    --ck-font-size-large: 1.8em;
    --ck-ui-component-min-height: 2.3em;
    --ck-border-radius: var(--border-radius-sm);
    --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
    --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
    --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
    --ck-spacing-small: 0;
}

@media (prefers-color-scheme: dark) {
    body[data-scheme="auto"] .ck-body-wrapper,
    body[data-scheme="auto"] #post-editor {
        --ck-color-base-foreground: transparent;
        --ck-color-base-background: transparent;
        --ck-color-base-border: var(--border-color);
        --ck-color-base-action: #53a336;
        --ck-color-base-focus: #6cb5f9;
        --ck-color-base-text: #fff;
        --ck-color-base-active: var(--color-primary);
        --ck-color-base-active-focus: var(--color-primary);
        --ck-color-base-error: #db3700;
        --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
        --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
        --ck-color-focus-outer-shadow: #cae1fc;
        --ck-color-focus-disabled-shadow: rgba(119, 186, 248, .3);
        --ck-color-focus-error-shadow: rgba(255, 64, 31, .3);
        --ck-color-text: var(--ck-color-base-text);
        --ck-color-shadow-drop: rgba(0, 0, 0, .15);
        --ck-color-shadow-drop-active: rgba(0, 0, 0, .2);
        --ck-color-shadow-inner: rgba(0, 0, 0, .1);
        --ck-color-button-default-background: var(--gray-6);
        --ck-color-button-default-hover-background: var(--gray-6);
        --ck-color-button-default-active-background: var(--gray-5);
        --ck-color-button-default-disabled-background: var(--bg-muted);
        --ck-color-button-on-background: var(--gray-5);
        --ck-color-button-on-hover-background: var(--gray-5);
        --ck-color-button-on-active-background: var(--gray-6);
        --ck-color-button-on-disabled-background: var(--gray-5);
        --ck-color-button-on-color: #2977ff;
        --ck-color-button-action-background: var(--ck-color-base-action);
        --ck-color-button-action-hover-background: #4d9d30;
        --ck-color-button-action-active-background: #4d9d30;
        --ck-color-button-action-disabled-background: #7ec365;
        --ck-color-button-action-text: var(--ck-color-base-background);
        --ck-color-button-save: #008a00;
        --ck-color-button-cancel: #db3700;
        --ck-color-switch-button-off-background: var(--gray-3);
        --ck-color-switch-button-off-hover-background: var(--gray-3);
        --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
        --ck-color-switch-button-on-hover-background: #4d9d30;
        --ck-color-switch-button-inner-background: var(--ck-color-base-background);
        --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, .1);
        --ck-color-dropdown-panel-background: var(--ck-color-base-background);
        --ck-color-dropdown-panel-border: var(--ck-color-base-border);
        --ck-color-dialog-background: var(--ck-custom-background);
        --ck-color-dialog-form-header-border: var(--ck-custom-border);
        --ck-color-input-background: var(--ck-color-base-background);
        --ck-color-input-border: var(--ck-color-base-border);
        --ck-color-input-error-border: var(--ck-color-base-error);
        --ck-color-input-text: var(--ck-color-base-text);
        --ck-color-input-disabled-background: var(--gray-1);
        --ck-color-input-disabled-border: var(--ck-color-base-border);
        --ck-color-input-disabled-text: var(--color-muted);
        --ck-color-list-background: var(--ck-color-base-background);
        --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
        --ck-color-list-button-on-background: var(--ck-color-button-on-color);
        --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
        --ck-color-list-button-on-text: #fff;
        --ck-color-panel-background: var(--ck-color-base-background);
        --ck-color-panel-border: var(--ck-color-base-border);
        --ck-color-toolbar-background: var(--ck-color-base-background);
        --ck-color-toolbar-border: var(--ck-color-base-border);
        --ck-color-tooltip-background: var(--gray-6);
        --ck-color-tooltip-text: #fff;
        --ck-color-engine-placeholder-text: #707070;
        --ck-color-upload-bar-background: #6cb5f9;
        --ck-color-link-default: var(--color-primary);
        --ck-color-link-selected-background: rgba(31, 176, 255, .1);
        --ck-color-link-fake-selection: rgba(31, 176, 255, .3);
        --ck-color-highlight-background: #ff0;
        --ck-color-light-red: #fcc;
        --ck-disabled-opacity: .5;
        --ck-focus-outer-shadow-geometry: 0 0 0 3px;
        --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
        --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
        --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
        --ck-focus-ring: 1px solid var(--ck-color-focus-border);
        --ck-font-size-base: 13px;
        --ck-line-height-base: 1.84615;
        --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
        --ck-font-size-tiny: 0.7em;
        --ck-font-size-small: 0.75em;
        --ck-font-size-normal: 1em;
        --ck-font-size-big: 1.4em;
        --ck-font-size-large: 1.8em;
        --ck-ui-component-min-height: 2.3em;
        --ck-border-radius: var(--border-radius-sm);
        --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
        --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
        --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
        --ck-spacing-small: 0;
    }
}

/*--------------------------------------------------------------
  ## Fileuploader style
--------------------------------------------------------------*/

.fileuploader {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {

    font-size: 30px;
    line-height: 1;
    color: var(--color-muted);
    background: var(--gray-6);
    border-radius: var(--border-radius-sm);
    border: 0;
    opacity: 1;
    transition: all 0.2s ease;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {
    background: var(--gray-5);
    color: var(--color-secondary);
    border-color: transparent;
    opacity: 1;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:before,
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTgyNy44ODEgMTkzLjk5OWMxOC41OSAxOC41MjUgMTguODMgNDguNDk3LjY3NiA2Ny4zMTVsLS41NTYuNTY3TDU3OS43NjIgNTExbDI0OC4yNCAyNDkuMTE5YzE4LjcxMSAxOC43NzggMTguNjU3IDQ5LjE3LS4xMjEgNjcuODgyLTE4LjU5IDE4LjUyNS00OC41NjQgMTguNjU4LTY3LjMxNy40MzhsLS41NjUtLjU1OEw1MTIgNTc5LjAwMyAyNjQuMDAxIDgyNy44ODFjLTE4LjcxMiAxOC43NzgtNDkuMTA0IDE4LjgzMi02Ny44ODIuMTItMTguNTktMTguNTI1LTE4LjgzLTQ4LjQ5Ny0uNjc2LTY3LjMxNWwuNTU2LS41NjdMNDQ0LjIzNyA1MTEgMTk1Ljk5OSAyNjEuODgxYy0xOC43MTItMTguNzc4LTE4LjY1OC00OS4xNy4xMi02Ny44ODIgMTguNTktMTguNTI1IDQ4LjU2NC0xOC42NTggNjcuMzE3LS40MzhsLjU2NS41NThMNTEyIDQ0Mi45OTdsMjQ3Ljk5OS0yNDguODc4YzE4LjcxMi0xOC43NzggNDkuMTA0LTE4LjgzMiA2Ny44ODItLjEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before,
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTgyNy44ODEgMTkzLjk5OWMxOC41OSAxOC41MjUgMTguODMgNDguNDk3LjY3NiA2Ny4zMTVsLS41NTYuNTY3TDU3OS43NjIgNTExbDI0OC4yNCAyNDkuMTE5YzE4LjcxMSAxOC43NzggMTguNjU3IDQ5LjE3LS4xMjEgNjcuODgyLTE4LjU5IDE4LjUyNS00OC41NjQgMTguNjU4LTY3LjMxNy40MzhsLS41NjUtLjU1OEw1MTIgNTc5LjAwMyAyNjQuMDAxIDgyNy44ODFjLTE4LjcxMiAxOC43NzgtNDkuMTA0IDE4LjgzMi02Ny44ODIuMTItMTguNTktMTguNTI1LTE4LjgzLTQ4LjQ5Ny0uNjc2LTY3LjMxNWwuNTU2LS41NjdMNDQ0LjIzNyA1MTEgMTk1Ljk5OSAyNjEuODgxYy0xOC43MTItMTguNzc4LTE4LjY1OC00OS4xNy4xMi02Ny44ODIgMTguNTktMTguNTI1IDQ4LjU2NC0xOC42NTggNjcuMzE3LS40MzhsLjU2NS41NThMNTEyIDQ0Mi45OTdsMjQ3Ljk5OS0yNDguODc4YzE4LjcxMi0xOC43NzggNDkuMTA0LTE4LjgzMiA2Ny44ODItLjEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}

@media (max-width: 767.98px) {
    .fileuploader-theme-thumbnails {
        padding: 10px;
        margin: 0;
    }

    .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list {
        margin: -10px 0 0 -10px;
    }

    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
    .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(33.33333% - 10px);
        padding-top: 25%;
        margin: 10px 0 0 10px;
    }
}

/*--------------------------------------------------------------
  ## fileuploader avatar
--------------------------------------------------------------*/

.fileuploader-avatar .fileuploader-theme-thumbnails {
    max-width: 200px;
    margin: 2rem auto 2.5rem;
}

.fileuploader-avatar .fileuploader-theme-thumbnails .fileuploader-items-list {
    margin: 0;
}

.fileuploader-avatar .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-avatar .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    width: 100%;
    margin: 0;
    padding-top: 100%;
}

.fileuploader-avatar .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action {
    box-shadow: none;
}