/*
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.1.4
License URI: LICENSE
Text Domain: cosy
*/

:root {
    --swiper-theme-color: var(--bg-primary);
    --swiper-navigation-mini-size: 1.875rem;
}

/*--------------------------------------------------------------
    title Font 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-disabled {
    pointer-events: none;
    opacity: 0.65;
}


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

.btn {
    font-size: .9375rem;
    border-radius: var(--radius-xs);
    padding: .625rem 1.625rem;
    white-space: normal;
}

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

/*--------------------------------------------------------------
    btn style
--------------------------------------------------------------*/

.btn-primary {
    color: #fff;
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #ff532d;
    border-color: #ff532d;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    color: var(--color-muted);
    cursor: not-allowed;
}


/*--------------------------------------------------------------
    btn secondary style
--------------------------------------------------------------*/

.btn-secondary {
    color: var(--color-light);
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary:active {
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
    color: #fff;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    color: var(--color-muted);
    cursor: not-allowed;
}


/*--------------------------------------------------------------
    btn light style
--------------------------------------------------------------*/

.btn-light {
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    color: var(--color-secondary);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    color: var(--color-dark);
}

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


/*--------------------------------------------------------------
    btn dark style
--------------------------------------------------------------*/

.btn-dark {
    background-color: var(--btn-dark);
    border-color: var(--btn-dark);
    color: var(--color-light);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.active,
.btn-dark:active {
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
    color: #fff;
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: var(--btn-light);
    border-color: var(--btn-light);
    color: var(--color-muted);
    cursor: not-allowed;
}


/*--------------------------------------------------------------
    btn danger style
--------------------------------------------------------------*/

.btn-danger {
    background-color: var(--btn-danger);
    border-color: var(--btn-danger);
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active {
    background-color: var(--btn-danger);
    border-color: var(--btn-danger);
    color: #fff;
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: var(--btn-secondary);
    border-color: var(--btn-secondary);
    color: var(--color-muted);
    cursor: not-allowed;
}

/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

.btn-link {
    color: var(--color-muted);
    text-decoration: none;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.active,
.btn-link:active {
    color: var(--color-dark);
}

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


/*--------------------------------------------------------------
 btn link style
--------------------------------------------------------------*/

.btn-success {
    background-color: var(--btn-success);
    border-color: var(--btn-success);
    color: #fff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active {
    background-color: var(--btn-success);
    border-color: var(--btn-success);
    color: #fff;
}

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


/*--------------------------------------------------------------
 btn outline style
--------------------------------------------------------------*/

.btn-outline-primary {
    color: var(--color-primary);
    background-color: var(--btn-outline-primary);
    border-color: var(--btn-outline-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff;
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: var(--color-primary);
    background-color: var(--btn-outline-primary);
    border-color: var(--btn-outline-primary);
}


/*--------------------------------------------------------------
 btn outline secondary style
--------------------------------------------------------------*/

.btn-outline-secondary {
    color: var(--color-secondary);
    background-color: var(--btn-outline-secondary);
    border-color: var(--btn-outline-secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    color: var(--color-muted);
    background-color: var(--btn-outline-secondary);
    border-color: var(--btn-outline-secondary);
}

/*--------------------------------------------------------------
    btn style
--------------------------------------------------------------*/

.btn-pointer {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: var(--btn-primary);
    background: -o-linear-gradient(left, #ffb159, #ff3737);
    background: -webkit-gradient(linear, left top, right top, from(#ffb159), to(#ff3737));
    background: linear-gradient(to right, #ffb159, #ff3737);
    -webkit-box-shadow: 0 15px 20px rgb(254 89 43 / 20%);
    box-shadow: 0 15px 20px rgb(254 89 43 / 20%);
    border: 0;
    padding: .6875rem 1.75rem;
}

.btn-pointer:hover,
.btn-pointer:focus {
    color: #fff;
}

.btn-pointer:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3em;
    background: var(--btn-primary);
    background: -o-linear-gradient(left, #ff3737, #ffb159);
    background: -webkit-gradient(linear, left top, right top, from(#ff3737), to(#ffb159));
    background: linear-gradient(to right, #ff3737, #ffb159);
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    z-index: 2;
    opacity: 0;
}

.btn-pointer:hover:after {
    opacity: 1;
}

.btn-pointer span {
    position: relative;
    z-index: 3;
}


/*--------------------------------------------------------------
 btn radius style
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
 btn size style
--------------------------------------------------------------*/

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

.btn-sm {
    font-size: .8125rem;
    padding: .3125rem .875rem;
}

.btn-lg {
    font-size: 1rem;
    padding: .625rem 2rem;
}

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

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

@media (max-width: 767.98px) {
    .btn-sm {
        font-size: .75rem;
    }
}


/*--------------------------------------------------------------
 btn icon style
--------------------------------------------------------------*/

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

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

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

.btn-icon.btn-xs {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .875rem;
}

.btn-icon.btn-sm {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.25rem;
}

.btn-icon.btn-md {
    width: 2.625rem;
    height: 2.625rem;
    font-size: 1.5rem;
}

.btn-icon.btn-lg {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.325rem;
}

.btn-icon .icon-status {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.icon-status {
    display: block;
    font-size: 11px;
    line-height: 1;
    min-width: 20px;
    margin: 1px;
    padding: 2px 3px;
    border-radius: var(--radius-lg);
    color: #fff;
    background-color: var(--bg-danger);
}

.icon-status.status-top {
    left: 0;
    top: 0;
}

.icon-status.status-right {
    left: auto;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

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

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

    .btn-icon.btn-lg {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.25rem;
    }
}


/*--------------------------------------------------------------
 btn width style
--------------------------------------------------------------*/

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

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

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

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


@media (max-width: 767.98px) {
    .btn-sm.btn-w-md {
        min-width: 80px;
    }

    .btn-lg.btn-w-lg {
        min-width: 135px;
    }
}

@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;
    }
}


/*--------------------------------------------------------------
    rounded style
--------------------------------------------------------------*/

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

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

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

.rounded-inherit {
    border-radius: inherit !important;
}

/*--------------------------------------------------------------
    background style
--------------------------------------------------------------*/

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

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

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

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

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

.bg-dark-gradient {
    background: -o-linear-gradient(top, #000, rgba(0, 0, 0, 0.5));
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.5));
}

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

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

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

.bg-overlay {
    position: fixed;
    height: 100%;
    right: -99%;
    top: 0;
    left: -99%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 998;
}

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

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

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


/*--------------------------------------------------------------
badge
--------------------------------------------------------------*/

.badge {
    font-size: .75rem;
    font-weight: 400;
    padding: .3125rem .625rem;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.badge-sm {
    padding: .25rem .35rem;
}

.badge-md {
    padding: .5rem .75rem;
}

.badge-advert {
    color: #fff;
    background-color: rgb(73 73 73 / 30%);
}

.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-sticky {
    color: #fff;
    border-width: 0;
    background: var(--bg-danger);
    background: -o-linear-gradient(left, #ff7556, #fe4821);
    background: -webkit-gradient(linear, left top, right top, from(#ff7556), to(#fe4821));
    background: linear-gradient(to right, #ff7556, #fe4821);
}

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

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

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

.apollo-user-level.badge-pill {
    padding: .1875rem .5rem;
}

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

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

.badge-outline-cat i {
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-primary);
    border-radius: inherit;
    opacity: 0.4;
}

.badge-outline-sticky {
    color: var(--color-danger);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255 98 94 / 20%);
}

.badge-outline-tag {
    color: var(--color-primary);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(254 72 33 / 50%);
}

.badge-pill {
    border-radius: 10rem;
    padding: .375rem .75rem;
}

.badge-w-sm {
    min-width: 50px;
}

.badge-w-md {
    min-width: 68px;
}

@media (max-width: 1199.98px) {
    .badge {
        font-size: 9px;
        padding: .1875rem .5rem .1875rem;
    }
}

.list-featured-tag .badge {
    margin: 0 .25rem .375rem 0;
}


/*--------------------------------------------------------------
border
--------------------------------------------------------------*/

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

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

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

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

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}


/*--------------------------------------------------------------
    form-control style
--------------------------------------------------------------*/

.form-control {
    font-size: .9375rem;
    min-height: auto;
    padding: .625rem 1rem;
    border-color: var(--bg-light);
    background-color: var(--bg-light);
    color: var(--color-muted);
    border-radius: var(--radius-xs);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.form-control:focus {
    color: var(--color-secondary);
    border-color: var(--bg-light);
    background-color: var(--bg-light);
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

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

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

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

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

textarea.form-control {
    min-height: auto;
    padding: 1rem;
}

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


/*--------------------------------------------------------------
    form check style
--------------------------------------------------------------*/

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

.form-check .form-check-input {
    margin-left: -2em;
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
    background-color: var(--bg-muted);
    border-color: var(--bg-muted);
    margin-top: 0.08em;
}

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

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

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

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

.form-switch {
    padding-left: 2.75em;
}

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

.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+');
}


/*--------------------------------------------------------------
nav signin dropdown sub menu
--------------------------------------------------------------*/

.nice-dropdown {
    position: relative;
}

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

.nice-dropdown-menu {
    position: absolute;
    display: inline;
    width: 11.25rem;
    top: 110%;
    right: 0;
    padding: .5rem 0;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--radius-md);
    background-color: #fff;
    border-color: var(--border-light);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nice-dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.nice-dropdown .nice-dropdown-menu {
    width: auto;
    font-size: inherit;
    color: inherit;
}

.nice-dropdown-menu .dropdown-item {
    font-size: .75rem;
    padding: .375rem 1.125rem .375rem 1rem;
}

.nice-dropdown-menu .dropdown-item:hover {
    background-color: transparent;
}

@media (max-width: 767.98px) {
    .nice-dropdown-menu .dropdown-item {
        padding: .375rem 1rem .375rem 1rem;
    }
}

.nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
    width: 21.875rem;
    padding: 0;
}

@media (max-width: 767.98px) {
    .nice-dropdown.nice-dropdown-large {
        position: static;
    }

    .nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
        width: 17.5rem;
        right: .625rem;
    }
}

@media (max-width: 319.98px) {
    .nice-dropdown.nice-dropdown-large .nice-dropdown-menu {
        max-width: 17.5rem;
        width: 100%;
        right: 1.25rem;
    }
}

.user-dropdown-heading {
    position: relative;
}

.user-dropdown-heading .apollo-user-level {
    position: relative;
    top: -0.125rem;
}

.user-dropdown-heading .adminurl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/*--------------------------------------------------------------
    avatar style
--------------------------------------------------------------*/

.flex-avatar {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    white-space: nowrap;
    border-radius: 100%;
}

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

.flex-avatar .apollo-svg-user {
    position: absolute;
    right: .625rem;
    bottom: .625rem;
    z-index: 1;
}

.flex-avatar.w-28 .apollo-svg-user,
.flex-avatar.w-32 .apollo-svg-user {
    width: .6875rem;
    height: .6875rem;
    right: 0;
    bottom: 0px;
}

@media (max-width: 767.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: .3125rem;
        bottom: .3125rem;
        z-index: 1;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: .3125rem;
        bottom: .3125rem;
        z-index: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .flex-avatar .apollo-svg-user {
        position: absolute;
        right: .5rem;
        bottom: .5rem;
        z-index: 1;
    }
}


/*--------------------------------------------------------------
    media style
--------------------------------------------------------------*/

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

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

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

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

.media-overlay.bg-dark-overlay {
    background-color: rgba(44, 56, 83, 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: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.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%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    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: .5rem .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(120, 120, 120, 0.1);
}

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

@media (max-width: 768px) {
    .media-content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        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;
}

@media (min-width: 1200px) {
    .list-poster .media-10x1:after {
        padding-top: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-poster .media-10x1:after {
        padding-top: 20%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-poster .media-10x1:after {
        padding-top: 20%;
    }
}

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

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


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

.card,
.block {
    position: relative;
    border: 0;
    border-radius: var(--radius-sm);
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
}

.block {
    position: relative;
    background-color: #fff;
}

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

.card-header:first-child {
    padding: 1.25rem 1.25rem 0;
    border-radius: 0;
}

.card-body {
    padding: 1.25rem;
}

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

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

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

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

@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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.list-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.list-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

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

.list-title {
    display: block;
    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: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.list-grouped .list-item {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    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: .875rem .9375rem;
}

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

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

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

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


/*--------------------------------------------------------------
    list larger
--------------------------------------------------------------*/

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

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

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

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


/*--------------------------------------------------------------
    list grid style
--------------------------------------------------------------*/

.list-grid .list-item {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    border-radius: var(--radius-sm);
    margin: 0 0 1.5rem;
}

.list-grid .list-item .list-content {
    padding: 1.25rem 1.375rem 1rem;
}

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

    .list-grid .list-item .list-content {
        padding: .25rem .5rem .25rem 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-grid .list-item {
        padding: 1.25rem;
        margin: 0 0 1rem;
    }

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

@media (min-width: 992px) and (max-width: 1199.98px) {
    .list-grid .list-item {
        padding: 1.5rem;
        margin: 0 0 1.25rem;
    }

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

@media (min-width: 1200px) and (max-width: 1439.98px) {
    .list-grid .list-item {
        padding: 2.5rem;
        margin: 0 0 2rem;
    }

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

@media (min-width: 1440px) {
    .list-grid .list-item {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        border-radius: var(--radius-sm);
        padding: 3.5rem;
        margin: 0 0 2.25rem;
    }

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


/*--------------------------------------------------------------
    list grid padding style
--------------------------------------------------------------*/

.list-grid.list-grid-padding .list-item {
    padding: 1.125rem;
    margin: 0;
}

.list-grid.list-grid-padding .list-item .media {
    border-radius: inherit;
}

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

@media (max-width: 767.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: .875rem .9375rem;
    }

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

@media (min-width: 768px) and (max-width: 991.98px) {
    .list-grid.list-grid-padding .list-item {
        padding: 1rem;
    }
}

/*--------------------------------------------------------------
   list overlay style
--------------------------------------------------------------*/

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

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

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

.list-overlay .list-body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    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: 1rem 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;
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 75%), rgb(0 0 0 / 0%));
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 75%)), to(rgb(0 0 0 / 0%)));
    background: linear-gradient(to top, rgb(0 0 0 / 75%), rgb(0 0 0 / 0%));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

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

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

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

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


/*--------------------------------------------------------------
   list topic style
--------------------------------------------------------------*/

.list-topic .h5 {
    position: relative;
    padding: 0 1.75rem;
    line-height: 1;
    border-radius: var(--radius-lg);
}

.list-topic .h5::after,
.list-topic .h5::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 1rem;
    height: 2px;
    background: var(--bg-light);
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    opacity: 1;
}

.list-topic .h5::before {
    left: 0;
}

.list-topic .h5::after {
    right: 0;
}

.list-topic:hover .h5::after {
    right: .5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-topic:hover .h5::before {
    left: .5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.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: .75rem;
    height: 1px;
    background: var(--bg-light);
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    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: .5rem;
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

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


/*--------------------------------------------------------------
   list index pushes
--------------------------------------------------------------*/


@media (max-width: 767.98px) {
    .index-category-recommend .swiper-slide {
        width: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .index-category-recommend .swiper-slide {
        width: 100px;
    }
}

@media (min-width: 992px) {
    .index-category-recommend .swiper-slide {
        width: 152px;
    }
}

/*--------------------------------------------------------------
    index magazine style
--------------------------------------------------------------*/

.index-magazine {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.index-magazine.magazine-fixed {
    position: relative;
    overflow: hidden;
}

.index-magazine.magazine-fixed .bg-magazine {
    opacity: 0.2;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    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-fixed {
        padding-top: 3.5rem;
    }

    .index-magazine .list-grouped.magazine-grid .list-item.list-overlay.overlay-bottom .list-content {
        padding: .5rem .375rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .index-magazine {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .index-magazine.magazine-fixed {
        padding-top: 4.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-magazine {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .index-magazine.magazine-fixed {
        padding-top: 4.8125rem;
    }
}

@media (min-width: 1200px) {
    .index-magazine.magazine-fixed {
        background-color: var(--bg-dark);
        padding-top: 5rem;
    }
}

/*--------------------------------------------------------------
    index category style
--------------------------------------------------------------*/

.index-category-grid {
    padding: 2rem 0;
}

@media (max-width: 767.98px) {
    .index-category-grid {
        padding: 1.25rem 0;
    }
}


/*--------------------------------------------------------------
    list poster style
--------------------------------------------------------------*/

.special-poster {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 21.875rem;
}

.special-inner {
    position: relative;
    text-align: center;
    text-shadow: 0 .125rem .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;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

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

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

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

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

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


/*--------------------------------------------------------------
    list links
--------------------------------------------------------------*/

.list-links:first-child {
    padding-top: 0 !important;
}

.list-links+.list-links:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    .list-links-scroll {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}


/*--------------------------------------------------------------
    list author pushes style
--------------------------------------------------------------*/

.author-block-grid .list-item.block .list-content {
    position: relative;
    padding-top: 3.4375rem;
}

.author-block-grid .list-item.block .flex-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.author-block-grid .list-item.block .bg-author {
    opacity: 0.75;
}

.author-block-grid .list-item.block .bg-poster {
    opacity: 0.15;
    -webkit-filter: blur(.625rem);
    filter: blur(.625rem);
}

@media (max-width: 767.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 3rem;
        height: 3rem;
    }

    .author-block-grid .list-item.block .list-content {
        padding-top: 2.1875rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 64px;
        height: 64px;
    }

    .author-block-grid .list-item.block .list-content {
        padding: 2.75rem .625rem 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .author-block-grid .list-item.block .flex-avatar {
        width: 4rem;
        height: 4rem;
    }

    .author-block-grid .list-item.block .list-content {
        padding-top: 2.8125rem;
    }
}

/*--------------------------------------------------------------
    list index style
--------------------------------------------------------------*/

.list-index-heading .h4 span {
    position: relative;
}

.list-index-heading .h4 span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 20px;
    border-radius: 10px;
    background-color: var(--bg-primary);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-index-plain .list-grid.list-grid-padding .list-item {
    padding: 1rem;
}

.list-index-plain .list-grid.list-grid-padding .list-content {
    padding: 0 0 0 1rem;
}


/*--------------------------------------------------------------
    widget hots comments
--------------------------------------------------------------*/

.list-author-comments>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-author-comments .item-comment {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    background-color: var(--bg-dark);
}

.list-author-comments .item-comment .media {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.list-author-comments .item-comment .media .media-content {
    -webkit-filter: blur(.9375rem);
    filter: blur(.9375rem);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.list-author-comments .item-comment .author-comment-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.5rem 2.25rem;
    color: #fff;
    z-index: 1;
}

.list-author-comments .item-comment .author-comment-body {
    position: relative;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto
}

.list-author-comments .item-comment .author-comment-title {
    position: relative;
}

.list-author-comments .item-comment .author-comment-title .icon-quote1 {
    position: absolute;
    font-size: 1.25rem;
    left: -1.5rem;
    top: -0.3125rem;
    opacity: 0.8;
}

.list-author-comments .item-comment .author-comment-title .icon-quote2 {
    position: absolute;
    font-size: 1.25rem;
    right: -1rem;
    bottom: 0;
    opacity: 0.8;
}

.list-author-comments .item-comment .author-comment-footer {
    position: relative;
}

.list-author-comments .item-comment .author-comment-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .list-author-comments .item-comment .author-comment-content {
        padding: .75rem;
    }

    .list-author-comments .item-comment .author-comment-title .icon-quote1,
    .list-author-comments .item-comment .author-comment-title .icon-quote2 {
        display: none;
    }
}

/*--------------------------------------------------------------
    custom style
--------------------------------------------------------------*/

.custom-hover {
    position: relative;
}

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

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

.custom-hover .custom-hover-icon {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
    z-index: 9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    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 {
        -webkit-transform: none;
        -ms-transform: none;
        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;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    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;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

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

.overlay-grad {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.5;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background: var(--bg-dark);
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / 80%)), to(rgb(0 0 0 / 0%)));
    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 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

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

    to {
        -webkit-transform: scale(1.3);
        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;
    -o-text-overflow: ellipsis;
    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;
}

@media (max-width: 991.98px) {
    .h-md-1x {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}


/*--------------------------------------------------------------
   headere style
--------------------------------------------------------------*/

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

.site-header.fixed-top {
    position: fixed;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    z-index: 99;
}

.site-header.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgb(0 0 0 / 80%);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .site-header.header-sticky {
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
    }
}


@media (max-width: 767.98px) {
    .site-header.fixed-top {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .site-header.header-sticky {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-header {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .site-header.fixed-top {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .site-header.header-sticky {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

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

    .site-header {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .site-header.fixed-top {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .site-header.header-sticky {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

}

/*--------------------------------------------------------------
   header navbar brand
--------------------------------------------------------------*/

.site-header .navbar-brand {
    position: relative;
    max-width: 11.25rem;
    padding: 0;
}

.site-header .navbar-brand .logo,
.site-header .navbar-brand .logo-night {
    max-height: 3.875rem;
}

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

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

.site-header.header-sticky .navbar-brand .logo-night {
    display: block;
}

@media (max-width: 767.98px) {

    .site-header .navbar-brand {
        max-width: 6.875rem;
        padding: 0;
        margin: 0;
    }

    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 2rem;
    }
}

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

    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 2.5rem;
    }
}

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

    .site-header .navbar-brand .logo,
    .site-header .navbar-brand .logo-night {
        max-height: 2.75rem;
    }
}


/*--------------------------------------------------------------
    main-menu style
--------------------------------------------------------------*/

.main-menu li {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 1rem 0 0;
}

.main-menu li a {
    position: relative;
    display: block;
    padding: 1.25rem 0 1.25rem 0;
}

.main-menu li:last-child a {
    margin: 0;
}

.main-menu li a:hover {
    color: var(--color-dark);
}

.main-menu li.current-menu-item>a {
    color: var(--color-primary);
}

@media (min-width: 992px) {
    .main-menu>li.current-menu-item>a::after {
        content: '';
        position: absolute;
        background: var(--bg-primary);
        left: 0;
        right: 0;
        bottom: 10px;
        width: 4px;
        height: 4px;
        border-radius: var(--radius-lg);
        margin: 0 auto;
        opacity: 1;
    }
}


/*--------------------------------------------------------------
    has-children style
--------------------------------------------------------------*/

.main-menu li.menu-item-has-children a,
.main-menu li.menu-item-has-children .nav-link {
    padding-right: .875rem;
}

.main-menu li.menu-item-has-children .menu-arrow {
    position: absolute;
    right: -0.375rem;
    top: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.6;
}

.main-menu>li.menu-item-has-children>a:hover>.menu-arrow,
.main-menu>li.menu-item-has-children>.nav-link:hover>.menu-arrow {
    -ms-transform: rotate(180deg) translate(50%, 50%);
    transform: rotate(180deg) translate(50%, 50%);
    -webkit-transform: rotate(180deg) translate(50%, 50%);
}

.main-menu ul li.menu-item-has-children .menu-arrow {
    -ms-transform: rotate(-90deg) translate(50%, 50%);
    transform: rotate(-90deg) translate(50%, 50%);
    -webkit-transform: rotate(-90deg) translate(50%, 50%);
}

.main-menu ul li.menu-item-has-children .menu-arrow {
    right: 1rem;
}


/*--------------------------------------------------------------
    sub-menu style
--------------------------------------------------------------*/

.main-menu li ul.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    left: 0;
    top: 100%;
    margin-top: -1rem;
    padding: .5rem 0;
    min-width: 13.5rem;
    border-radius: var(--radius-sm);
    -webkit-transition: all 0.33s ease 0s;
    -o-transition: all 0.33s ease 0s;
    transition: all 0.33s ease 0s;
    -webkit-box-shadow: 0 5px 30px rgba(93, 115, 141, 0.1);
    box-shadow: 0 5px 30px rgba(93, 115, 141, 0.1);
    z-index: 99;
}

.main-menu li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.main-menu li ul.sub-menu li {
    position: relative;
    display: block;
    margin: 0;
}

.main-menu li ul.sub-menu li:last-child {
    border: 0;
}

.main-menu li ul.sub-menu li a {
    display: block;
    padding: .5rem 1.25rem;
    margin: 0;
}

.main-menu li ul.sub-menu li.current-menu-item a,
.main-menu li ul.sub-menu li.current-post-ancestor a {
    color: var(--color-dark);
}

.main-menu li ul.sub-menu li ul {
    left: 100%;
    opacity: 0;
    top: -0.5rem;
    visibility: hidden;
}

@media (max-width: 991.98px) {
    .main-menu li {
        margin: .5rem 0;
    }

    .main-menu li a {
        margin: 0;
    }

    .main-menu li.current-menu-item a {
        color: var(--color-dark);
    }

    .main-menu li.current-menu-item a:before {
        display: none;
    }
}

/*--------------------------------------------------------------
    fixed menu style
--------------------------------------------------------------*/
.site-header.header-sticky .main-menu>li>a,
.site-header.header-sticky .nav-item>.btn-link {
    color: #fff;
}

.site-header.fixed-top .main-menu>li>a,
.site-header.fixed-top .nav-item>.btn-link {
    color: #fff;
}

/*--------------------------------------------------------------
    site main style
--------------------------------------------------------------*/

.site-main {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .site-main {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-main {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .site-main {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
}

@media (min-width: 1400px) {
    .site-main {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }
}



/*--------------------------------------------------------------
  aside mobile
--------------------------------------------------------------*/

.aside-mobile {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: var(--bg-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;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .aside-overlay {
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
    }
}

.hidden-wrapper {
    overflow: hidden;
}

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

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

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

/*-------------------------------------------------------------- 
## Main Navigation 
--------------------------------------------------------------*/
.aside-mobile .aside-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}

.aside-mobile .aside-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    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(--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: .875rem 1rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .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: .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: .5;
}

.aside-mobile .aside-menu li a .menu-sign:after {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    border-left: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    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 {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}

/*--------------------------------------------------------------
   ajax filter post
--------------------------------------------------------------*/
.index-ajax-menu ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.index-ajax-menu ul li {
    position: relative;
    margin: 0 1rem 0 0;
    padding: 0 1rem 0 0;
}

.index-ajax-menu ul li::before {
    content: '';
    height: .9375rem;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    width: .9375rem;
    height: .0625rem;
    background-color: var(--border-muted);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.index-ajax-menu ul li:last-child {
    margin: 0;
    padding: 0;
}

.index-ajax-menu ul li:last-child::before {
    display: none;
}

.index-ajax-menu ul li a {
    position: relative;
    color: var(--color-secondary);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.index-ajax-menu ul li.active a {
    color: var(--color-primary);
}

@media (max-width: 767.98px) {
    .index-ajax-menu {
        margin: 0 0 .75rem;
    }

    .index-ajax-menu ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .index-ajax-menu ul::-webkit-scrollbar {
        display: none;
    }

    .index-ajax-menu ul li {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}


/* Entry Content ----------------------------- */

.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.5rem;
}

.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 1rem;
    color: var(--color-dark);
}

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

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

.post-content h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: .5625rem;
    width: .375rem;
    height: 1.375rem;
    border-radius: .625rem;
    background: var(--bg-primary);
    background: -o-linear-gradient(bottom, #f2995f, var(--bg-primary));
    background: -webkit-gradient(linear, left bottom, left top, from(#f2995f), to(var(--bg-primary)));
    background: linear-gradient(to top, #f2995f, var(--bg-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: .625rem;
        height: 1.125rem;
    }

    .post-content h3:before {
        top: .8125rem;
    }
}

@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;
    }

    .post-content h2:before {
        top: .5625rem;
    }

    .post-content h3:before {
        top: .8125rem;
    }
}

@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 {
    -webkit-box-shadow: 0 -0.0625rem 0 0 var(--bg-primary) inset;
    box-shadow: 0 -0.0625rem 0 0 var(--bg-primary) inset;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .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-light);
}

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


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

.post-content .alignnone,
.wp-block-image,
.wp-block-embed {
    margin: 2.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
--------------------------------------------------------------*/

.post-content table {
    margin: 2rem 0;
}

.wp-block-table {
    margin: 0;
}

.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-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid var(--border-light);
}

.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-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
    border-style: inherit;
}

.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
    border-width: inherit;
}

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

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

/*--------------------------------------------------------------
    Content error style
--------------------------------------------------------------*/

.content-error {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.text-404 {
    font-size: 8rem;
    text-shadow: .3125rem .3125rem .0625rem rgb(255 87 69 / 20%);
}


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

.archive-poster {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 21.875rem;
}

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

.archive-poster h1 {
    position: relative;
    text-transform: uppercase;
}

.archive-poster h1 span {
    position: relative;
    display: inline-block;
    padding: 1rem 1rem;
    border: .125rem solid #fff;
    color: #fff;
    min-width: 400px;
}

.archive-poster h1 span::before {
    background: #fff;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.archive-poster h1 span::before {
    width: 0%;
    height: 100%;
}

.archive-poster:hover h1 span::before {
    width: 100%;
}

.archive-poster:hover h1 span {
    color: var(--color-dark);
}

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

    .archive-poster h1 {
        font-size: 1.25rem;
    }

    .archive-poster h1 span {
        min-width: 13.75rem;
        padding: .5rem 1rem;
    }
}

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

    .archive-poster h1 span {
        min-width: 20rem;
        padding: .625rem 1rem;
    }
}

@media (min-width: 1200px) {
    .archive-poster h1 {
        font-size: 2rem;
    }

    .archive-poster .archive-desc {
        font-size: 1rem;
    }
}


/*--------------------------------------------------------------
    archive heading style
--------------------------------------------------------------*/

.archive-heading {
    margin: 1rem 0 2rem;
    text-align: center;
}

.archive-heading h1 span {
    position: relative;
}

@media (max-width: 767.98px) {
    .archive-heading {
        margin: .5rem 0 .75rem;
    }
}

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

@media (min-width: 992px) and (max-width: 1199.98px) {
    .archive-heading {
        margin: .5rem 0 1.5rem;
    }
}


/*--------------------------------------------------------------
archive filter
--------------------------------------------------------------*/

.archive-filter .filter-inner {
    padding: 1.5rem 2rem;
}

.archive-filter .filter-list {
    position: relative;
    border-bottom-width: .0625rem;
    border-bottom-style: solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    padding-left: 85px;
}

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

.archive-filter .filter-list .filter-heading {
    margin-right: 1rem;
    position: absolute;
    left: 0;
    margin: .25rem 0;
}

.archive-filter .filter-list ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.archive-filter .filter-list ul li {
    margin: .25rem 1.5rem .25rem .25rem;
}

.archive-filter .filter-list ul li a {
    display: block;
}

.archive-filter .filter-list ul li a:hover {
    opacity: 0.6;
}

.archive-filter .filter-list ul li.current a {
    color: var(--color-primary);
    border-radius: var(--radius-xs);
    opacity: 1;
}

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

    .archive-filter .filter-inner {
        padding: 1rem 1.25rem;
    }

    .archive-filter .filter-list {
        padding-bottom: .75rem;
        padding-left: 4.0625rem;
        margin-bottom: .75rem;
    }
}

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

    .archive-filter .filter-inner {
        padding: 1rem 1.5rem;
    }
}


/*--------------------------------------------------------------
    posts ajax load style
--------------------------------------------------------------*/

.posts-ajax-load {
    text-align: center;
    padding: 2.5rem 0 0;
}


/*--------------------------------------------------------------
    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(.9375rem);
    filter: blur(.9375rem);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    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 audio cover
--------------------------------------------------------------*/

.post-film-cover {
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    min-width: 0;
    word-wrap: break-word;
    border-radius: var(--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(.625rem);
    filter: blur(.625rem);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

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

.post-film-cover .film-content {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    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;
    }
}


/*--------------------------------------------------------------
    post next prev list
--------------------------------------------------------------*/

@media (max-width: 767.98px) {
    .post-next-prev .list-item .media::after {
        padding-top: 40%;
    }
}

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


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

@-webkit-keyframes like-button-animation {

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

    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

@keyframes like-button-animation {

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

    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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


/*--------------------------------------------------------------
    post like style
--------------------------------------------------------------*/

.post-action {
    position: relative;
    text-align: center;
}

.post-action .apollo-collection.current {
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
    color: #fff;
}

.post-action .btn-action-like.current {
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
    color: #fff;
}


/*--------------------------------------------------------------
    post share style
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
    post meta style
--------------------------------------------------------------*/

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

@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;
    }
}


/*--------------------------------------------------------------
    comment style
--------------------------------------------------------------*/

.comment-list .comment-respond {
    position: relative;
    margin: 0 0 2rem 0;
}

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

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


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

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

.comment .comment-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .25rem 0 0 0;
}

.comment .comment-inner .apollo-svg-user {
    width: 1rem;
    height: 1rem;
}

.comment .comment-inner .apollo-user-level {
    padding: .125rem .5rem .125rem .5rem;
}

.comment .comment-content {
    margin: .5rem 0 .5rem;
    line-height: 1.85;
}

.children {
    padding: 1.5rem;
    margin: 1rem 0 0;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-light);
}

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

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

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

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

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

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

.children .comment .comment-footer .comment-date {
    -webkit-box-flex: 0;
    -ms-flex: none;
    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-inner {
        margin: .125rem 0 0 0;
    }

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

    .children {
        padding: 1rem;
    }

    .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: .3125rem 0 .3125rem;
    }

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


/*--------------------------------------------------------------
    single format image style
--------------------------------------------------------------*/

@media (min-width: 1400px) {
    .single-format-image .card-md .card-body {
        padding: 5rem 6rem;
    }
}


/*--------------------------------------------------------------
    widget style
--------------------------------------------------------------*/

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

.widget-title {
    position: relative;
    color: var(--color-dark);
    margin-bottom: 1.125rem;
}

.widget-title span {
    position: relative;
}

.widget-title:before {
    /* content: ""; */
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    width: 1.25rem;
    height: .25rem;
    border-radius: 5px;
    background: var(--bg-primary);
}

.widget.widget_media_image {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}


/*--------------------------------------------------------------
    search popup style
--------------------------------------------------------------*/

.search-popup-cover,
.search-popup-form {
    position: relative;
}

.search-popup-cover,
.author-info-cover {
    position: relative;
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-popup-cover .bg-poster {
    -webkit-filter: blur(.3125rem);
    filter: blur(.3125rem);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background-position: center;
}

.author-info-cover .media {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/*--------------------------------------------------------------
    search style
--------------------------------------------------------------*/

.widget_search label {
    display: block;
}

.widget_search .search-field {
    position: relative;
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    border: 0;
    border-radius: var(--radius-sm);
    background-color: var(--bg-light);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.widget_search .search-field:hover,
.widget_search .search-field:focus {
    border-color: var(--border-muted);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.widget_search .screen-reader-text,
.widget_search .search-submit {
    display: none;
}


/*--------------------------------------------------------------
    widget_recent_comments style
    widget_recent_entries  style
--------------------------------------------------------------*/

.widget_recent_entries ul,
.widget_recent_comments ul {
    padding-left: 1.25rem;
}

.widget_recent_entries ul li,
.widget_recent_comments ul li {
    margin-bottom: .75rem;
    list-style-type: circle;
    font-size: inherit;
}

.widget_recent_entries ul li a,
.widget_recent_comments ul li a {
    display: block;
}

.widget_recent_entries ul li span {
    color: var(--color-muted);
    font-size: inherit;
}

.widget_recent_comments ul li span {
    font-weight: 500;
    color: var(--color-dark);
    margin-right: .3125rem;
}


/*--------------------------------------------------------------
    widget_categories style
--------------------------------------------------------------*/

.blogroll li,
.widget_meta li,
.widget_archive li,
.widget_categories li {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: inherit;
    color: var(--color-muted);
    padding: .75rem 0 .5rem 0;
    text-transform: uppercase;
    border-top: .0625rem solid var(--border-light);
}

.blogroll li {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: normal;
    -webkit-box-pack: normal;
    justify-content: normal;
    -ms-flex-align: normal;
    -webkit-box-align: normal;
    align-items: normal;
}

.widget_meta li a,
.blogroll li a,
.widget_archive li a,
.widget_categories li a {
    font-size: .875rem;
}

.blogroll li a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.blogroll li a img {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 100%;
    margin-right: .625rem;
}

.blogroll li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child {
    padding: .75rem 0 0;
}

.widget_meta li:first-child,
.blogroll li:first-child,
.widget_archive li:first-child,
.widget_categories li:first-child {
    border: none;
    padding: 0 0 .75rem 0;
}

.widget_categories select,
.widget_archive select {
    width: 100%;
    font-size: inherit;
    border: 1px solid var(--border-light);
    border-radius: 0;
    height: 2.1875rem;
}


/*--------------------------------------------------------------
    tagcloud style
--------------------------------------------------------------*/

.tagcloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: .875rem !important;
    line-height: 1;
    padding: .5rem .9375rem;
    margin: 0 .375rem .375rem 0;
    border-radius: var(--radius-xs);
    border: .0625rem solid var(--border-light);
}

.tags a:before,
.tagcloud>a:before {
    content: '#';
    font-size: inherit;
    display: inline-block;
    color: var(--color-primary);
    margin-right: .3125rem;
}


/*--------------------------------------------------------------
    searchform style
--------------------------------------------------------------*/

.searchform {
    position: relative;
}

.searchform label {
    display: none;
}

.searchform input[type='submit'] {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    padding: 0 1.25rem;
    color: #fff;
    background-color: var(--bg-dark);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.searchform input[type='submit']:hover {
    background-color: var(--bg-dark);
}

.searchform input[type='text'] {
    width: 100%;
}


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

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


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

.widget_nav_menu ul li {
    font-size: inherit;
    letter-spacing: 0.12em;
    text-align: left;
    padding-top: .75rem;
    text-transform: uppercase;
    margin-bottom: .625rem;
    border-top: .0625rem solid var(--border-light);
}

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


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

.widget_calendar table {
    border-collapse: collapse;
    margin: 0 0 .5rem;
    width: 100%;
    caption-side: top;
}

.widget_calendar caption {
    border: 0;
    border-bottom: 0;
    padding: .625rem 0;
}

.widget_calendar caption {
    padding: .25rem 0;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
    padding: .25rem .5rem;
}

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

    .widget_calendar th,
    .widget_calendar td {
        text-align: center;
        padding: .125rem .125rem;
    }
}

.widget_calendar tbody td a {
    position: relative;
}

.widget_calendar tbody td a::after {
    content: '';
    position: absolute;
    width: .375rem;
    height: .375rem;
    background: var(--bg-dark);
    border-radius: var(--radius-lg);
    bottom: -0.375rem;
    left: 50%;
    margin-left: -0.1875rem;
}

.widget_calendar td#today {
    font-weight: bold;
    color: var(--color-primary);
}

.widget_calendar tfoot {
    border: 1px solid var(--border-light);
    border-top: 0;
}

.widget_calendar tfoot td {
    border: 0;
}

.widget_calendar .wp-calendar-nav {
    font-size: .75rem;
}


/*--------------------------------------------------------------
    widget_rss style
--------------------------------------------------------------*/

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss ul li {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: .75rem;
    border-top: .0625rem solid var(--border-light);
}

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

.widget_rss ul li .rsswidget {
    font-size: inherit;
    display: block;
}

.widget_rss ul li .rss-date {
    font-size: inherit;
    color: var(--color-muted);
}

.widget_rss ul li .rssSummary {
    font-size: inherit;
    margin-top: .3125rem;
    color: var(--color-secondary);
}

.widget_rss ul li cite {
    font-size: inherit;
    font-style: normal;
    color: var(--color-muted);
}


/*--------------------------------------------------------------
    widget recommended posts
--------------------------------------------------------------*/

.widget_recommended_posts .list-grid .list-item {
    margin: 0 0 1rem;
    padding: 0;
}

.widget_recommended_posts .list-grid .list-item .media:first-child {
    border-radius: inherit;
}

.widget_recommended_posts .list-grid .list-item:last-child {
    margin: 0;
}

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

.widget_recommended_posts .list-grid .list-item .list-title {
    font-size: inherit;
}


/*--------------------------------------------------------------
    widget hots comments
--------------------------------------------------------------*/

.widget-hots-comments .item-comment {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    border-radius: var(--radius-sm);
    margin: 0 0 1rem;
    background-color: var(--bg-dark);
}

.widget-hots-comments .item-comment:last-child {
    margin: 0;
}

.widget-hots-comments .item-comment .media {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.widget-hots-comments .item-comment .media .media-content {
    -webkit-filter: blur(.9375rem);
    filter: blur(.9375rem);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.widget-hots-comments .item-comment .hots-comment-content {
    position: relative;
    padding: 1rem .5rem;
    color: #fff;
    z-index: 1;
}

.widget-hots-comments .item-comment .hots-comment-body {
    position: relative;
    padding: 0 1rem 0 1.5rem;
}

.widget-hots-comments .item-comment .hots-comment-title {
    position: relative;
}

.widget-hots-comments .item-comment .hots-comment-title .icon-quote1 {
    position: absolute;
    font-size: 1.25rem;
    left: -1.5rem;
    top: -0.25rem;
    opacity: 0.8;
}

.widget-hots-comments .item-comment .hots-comment-title .icon-quote2 {
    position: absolute;
    font-size: 1.25rem;
    right: -1rem;
    bottom: 0;
    opacity: 0.8;
}

.widget-hots-comments .item-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: .3125rem .3125rem .3125rem 0;
}

.widget-time-tags-list li .btn-time {
    background: #6d7685;
    background: -o-linear-gradient(left, #9ca2a9, #6d7685);
    background: -webkit-gradient(linear, left top, right top, from(#9ca2a9), to(#6d7685));
    background: linear-gradient(to right, #9ca2a9, #6d7685);
    border: 0;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.widget-time-tags-list li .btn-time:hover {
    opacity: .8
}

.widget-time-tags-list li:nth-child(1) .btn-time {
    background: #EB3349;
    background: -o-linear-gradient(left, #ff6e41, #ff0844);
    background: -webkit-gradient(linear, left top, right top, from(#ff6e41), to(#ff0844));
    background: linear-gradient(to right, #ff6e41, #ff0844);
    border: 0;
    color: #fff;
}

.widget-time-tags-list li:nth-child(3) .btn-time {
    background: #43e97b;
    background: -o-linear-gradient(left, #43e97b, #38f9d7);
    background: -webkit-gradient(linear, left top, right top, from(#43e97b), to(#38f9d7));
    background: linear-gradient(to right, #43e97b, #38f9d7);
    color: #fff;
    border: 0;
}

.widget-time-tags-list li:nth-child(2) .btn-time {
    background: #66a6ff;
    background: -o-linear-gradient(left, #89f7fe, #66a6ff);
    background: -webkit-gradient(linear, left top, right top, from(#89f7fe), to(#66a6ff));
    background: linear-gradient(to right, #89f7fe, #66a6ff);
    color: #fff;
    border: 0;
}


/*--------------------------------------------------------------
apollo list time  style
--------------------------------------------------------------*/

.widget-time-hots-list .list-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: .875rem;
}

.widget-time-hots-list .list-item .list-num {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    font-size: .75rem;
    text-align: center;
    padding: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 100%;
    background-color: var(--bg-secondary);
    color: #fff;
    margin: 0 .5rem 0 0;
}

.widget-time-hots-list .list-item .list-num span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: 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;
}


/*--------------------------------------------------------------
## Pagination (WordPress CSS classes)
--------------------------------------------------------------*/

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

.pagination {
    position: relative;
    display: block;
    text-align: center;
    margin: 2rem 0;
}

.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-numbers {
    display: inline-block;
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: .3125rem;
    text-align: center;
    color: var(--color-muted);
    border-radius: var(--radius-xs);
    background-color: var(--bg-light);
}

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

.page-numbers.current,
.page-numbers.prev,
.page-numbers.next {
    display: inline-block;
}

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

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

    .page-numbers {
        min-width: 2rem;
        height: 2rem;
        line-height: 2rem;
        border-radius: var(--radius-xs);
    }
}

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

    .page-numbers {
        min-width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem;
    }
}

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

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


/*--------------------------------------------------------------
    footer style
--------------------------------------------------------------*/

footer {
    position: relative;
}

footer .footer-copyright a {
    display: inline-block;
}


/*--------------------------------------------------------------
    footer dark style
--------------------------------------------------------------*/

.footer.bg-dark,
.footer.bg-dark p,
.footer.bg-dark a:not(.btn) {
    color: var(--color-light);
}

.footer.bg-dark a:not(.btn):hover {
    color: #fff;
}


/*--------------------------------------------------------------
    footer widget style
--------------------------------------------------------------*/

.footer-widget-header {
    position: relative;
    color: #fff;
    padding: 0 1rem;
}

.footer-widget-header::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .3125rem;
    height: 1.125rem;
    background-color: var(--bg-primary);
    border-radius: 10px;
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.footer-widget-content {
    font-size: .8125rem;
}

.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 {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    margin-top: -0.15rem;
    margin-bottom: -0.15rem;
}

.footer-widget-content .footer-widget-links a {
    display: inline-block;
    padding: .15rem;
}

.footer-widget-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-widget-social .btn {
    margin: 0 .375rem .375rem 0;
}


/*--------------------------------------------------------------
30.0 footer copyright
--------------------------------------------------------------*/

.footer-copyright,
.footer-copyright a {
    color: var(--color-muted);
}


/*--------------------------------------------------------------
30.0 breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs span {
    font-size: .75rem;
}

.breadcrumbs span.sep {
    margin: 0 .25rem;
    font-size: .875rem;
}

/*--------------------------------------------------------------
apollo user cover style
--------------------------------------------------------------*/

.user-profile-header .user-profile-panel {
    position: relative;
}


/*--------------------------------------------------------------
apollo user meta style
--------------------------------------------------------------*/

.user-profile-poster {
    position: relative;
    height: 28.125rem;
    background-color: var(--bg-dark);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.user-profile-panel {
    position: relative;
    text-align: center;
    padding: 5.5rem 0 0;
}

.user-profile-panel .user-profile-avatar {
    width: 8rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.user-profile-panel .user-profile-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5rem 0 0;
}

.user-profile-panel .user-profile-data ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--bg-white);
    border-radius: 100px;
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm)
}

.user-profile-panel .user-profile-data ul li a {
    display: inline-block;
    position: relative;
    padding: .625rem 1rem;
    border-radius: 2rem;
    min-width: 100px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.user-profile-panel .user-profile-data ul li.active a {
    color: #fff;
    background-color: var(--btn-primary);
}

.user-profile-panel .user-profile-data ul li a small {
    font-size: 66%;
    font-weight: normal;
    opacity: .5;
}

@media (max-width: 767.98px) {
    .user-profile-poster {
        height: 15.625rem;
    }

    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 3.75rem 0 1rem;
    }

    .user-profile-panel .user-profile-avatar {
        width: 5rem;
        height: 5rem;
    }

    .user-profile-panel .user-profile-data {
        margin: 1.5rem 0 0;
    }

    .user-profile-panel .user-profile-data ul li a {
        display: inline-block;
        position: relative;
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-radius: 2rem;
        min-width: 5.625rem;
    }

    .user-profile-panel .user-profile-data ul li a small {
        font-size: 66%;
        margin: 0 0 0 .25rem;
        opacity: .5
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .user-profile-poster {
        height: 21.875rem;
    }

    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 3.75rem 0 1rem;
    }

    .user-profile-panel .user-profile-avatar {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .user-profile-poster {
        height: 23.75rem;
    }

    .user-profile-panel {
        position: relative;
        text-align: center;
        padding: 5rem 0 1rem;
    }

    .user-profile-panel .user-profile-avatar {
        width: 6.875rem;
        height: 6.875rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .user-profile-poster {
        height: 23.75rem;
    }
}


/*--------------------------------------------------------------
notice
--------------------------------------------------------------*/

.notice-bar .notice-action {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.notice-bar .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) {
    .notice-bar .notice-content {
        font-size: .625rem;
    }
}


/*--------------------------------------------------------------
to popup
--------------------------------------------------------------*/

#search-popup-wrap,
#author-popup-wrap {
    display: none;
}

.author-info-cover .author-info-body {
    position: relative;
    padding: 3.75rem 1.25rem 1.25rem;
}

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

.author-info-cover .author-popup-meta {
    position: relative;
    text-align: center;
    margin: 0 0 1.25rem;
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .author-info-cover .bg-author {
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
        background: rgb(0 0 0 / 10%);
        z-index: 1;
    }
}


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


/* -------------------------------- 

search popup 

-------------------------------- */

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(24 24 27 / 50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

.search-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -o-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.search-popup-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 28.125rem;
    -webkit-transform: translateY(-2.5rem);
    -ms-transform: translateY(-2.5rem);
    transform: translateY(-2.5rem);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.is-visible .search-popup-container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.search-popup-container .search-popup-close {
    position: absolute;
    right: 1.875rem;
    top: 1.875rem;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--bg-primary);
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    -o-transition: transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms;
}

.search-popup-container .search-popup-close:hover {
    -webkit-transform: rotate(360deg) scale(1.1);
    -ms-transform: rotate(360deg) scale(1.1);
    transform: rotate(360deg) scale(1.1);
    -webkit-transition: -webkit-transform 600ms;
    transition: -webkit-transform 600ms;
    -o-transition: transform 600ms;
    transition: transform 600ms;
    transition: transform 600ms, -webkit-transform 600ms;
}

.search-popup-container .search-popup-close::before,
.search-popup-container .search-popup-close::after {
    content: '';
    position: absolute;
    top: 1.1875rem;
    width: 1.25rem;
    height: .0625rem;
    background-color: #fff;
}

.search-popup-container .search-popup-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: .625rem;
}

.search-popup-container .search-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: .625rem;
}

.search-popup-body {
    position: relative;
    max-width: 800px;
    padding: 5rem 0 3rem;
    margin: 0 auto;
}

.search-popup-form {
    margin: 0 0 2rem;
}

.search-key-push {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-key-push a {
    position: relative;
    margin: 5px;
}

@media (max-width: 767.98px) {
    .search-popup-container {
        min-height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: start;
    }

    .search-popup-container .search-popup-body {
        padding: 4rem 0 2rem;
    }

    .search-popup-container .search-popup-close {
        position: absolute;
        right: .625rem;
        top: .625rem;
        width: 1.9375rem;
        height: 1.9375rem;
    }

    .search-popup-container .search-popup-close::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: .5rem;
    }

    .search-popup-container .search-popup-close::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: .5rem;
    }

    .search-popup-container .search-popup-close::before,
    .search-popup-container .search-popup-close::after {
        top: .9375rem;
        width: .9375rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .search-popup-container {
        min-height: 15.625rem;
    }

    .search-popup-container .search-popup-close {
        right: 1.25rem;
        top: 1.25rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .search-popup-container {
        min-height: 18.75rem;
    }

    .search-popup-container .search-popup-close {
        right: 1.25rem;
        top: 1.25rem;
    }
}


/*--------------------------------------------------------------
to top
--------------------------------------------------------------*/

.fixed-post-widget {
    position: fixed;
    right: 0;
    display: block;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.fixed-post-widget.scroll-up {
    opacity: .5;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.fixed-post-widget .btn-action-like.current {
    color: var(--color-primary) !important;
}

.fixed-to-top {
    position: fixed;
    right: 2.1875rem;
    bottom: 2.1875rem;
    z-index: 1000;
}

#back-to-top {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

#back-to-top.current {
    opacity: 1;
    visibility: visible;
}


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

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

.fixed-post-dock .apollo-collection.current,
.fixed-post-dock .btn-action-like.current {
    color: var(--color-primary) !important;
}

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

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

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

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

    .fixed-dock-unpin {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    .fixed-dock-pin {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}


/*--------------------------------------------------------------
 toc
--------------------------------------------------------------*/

.btn-toggle-toc {
    position: relative;
}

.post-toc {
    position: absolute;
    right: 80px;
    top: 50%;
    width: 15.625rem;
    max-height: 28.125rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: var(--radius-md);
    background: #fff;
    -webkit-box-shadow: 0 .3125rem 2.5rem .3125rem rgb(2 10 18 / 6%);
    box-shadow: 0 .3125rem 2.5rem .3125rem rgb(2 10 18 / 6%);
    padding: 1.25rem .75rem;
}

.post-toc:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -1.375rem;
    top: 50%;
    margin: -0.375rem 0 0;
    border: .75rem solid;
    border-color: #fff transparent transparent #fff;
}

.post-toc .toc-list {
    position: relative;
    text-align: left;
    overflow: hidden;
    overflow-y: auto;
    max-height: 25rem;
    padding: 0 .5rem;
}

.post-toc .toc-list-item {
    position: relative;
    list-style: none;
    padding: 0 0 0 1.25rem;
    margin: 0 0 .625rem;
    display: block;
}

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

.post-toc .toc-list-item::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: .5rem;
    height: .5rem;
    width: .5rem;
    border-radius: .625rem;
    background-color: var(--bg-muted);
}

.post-toc .toc-list-item.is-active-li::before {
    background-color: var(--bg-danger);
    opacity: 1;
}

.post-toc .toc-list .toc-list {
    padding: 0;
    margin: .625rem 0 0 0;
}

.post-toc .toc-list .toc-list .toc-list-item {
    margin: 0 0 .5rem;
    padding: 0 0 0 .9375rem;
}

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

.post-toc .toc-list .toc-list .toc-list-item::before {
    border: .125rem solid var(--border-muted);
    background-color: #fff;
    top: .3125rem;
    height: .5rem;
    width: .5rem;
    left: 0;
    z-index: 2;
}

.post-toc .toc-list .toc-list .toc-list-item.is-active-li::before {
    border-color: var(--border-danger);
}

.post-toc .toc-link {
    font-size: .875rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.post-toc .toc-list .toc-list .toc-link {
    font-size: .8125rem;
}

.is-collapsible {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.is-collapsed {
    max-height: 0;
    display: none;
}

.is-position-fixed {
    visibility: visible;
    opacity: 1;
}

.post-toc .toc-link:hover,
.is-active-link {
    font-weight: 500;
    opacity: 1;
}

.post-toc .toc-list::-webkit-scrollbar {
    width: .25rem;
    background-color: transparent;
}

.post-toc .toc-list::-webkit-scrollbar-thumb {
    border-radius: .625rem;
    background-color: var(--bg-muted);
}

.post-toc .toc-list::-webkit-scrollbar-track {
    border-radius: .625rem;
    background-color: var(--bg-light);
}


/**--------------------------------------------------------------
## post hidden tips
--------------------------------------------------------------**/

.post-paying-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1rem;
    margin: 2rem 0;
    border-radius: var(--radius-sm);
}

.post-paying-poster {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: inherit;
}

.post-paying-content .post-paying-text {
    position: relative;
}

.nice-dark-mode .post-paying-content .post-paying-text {
    color: var(--color-dark)
}


/*--------------------------------------------------------------
 banner dots
--------------------------------------------------------------*/

.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);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    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: .625rem;
}

.slider-navigation .swiper-container:hover .swiper-button-prev {
    opacity: 1;
    left: .625rem;
}


/*--------------------------------------------------------------
## banner navigation style
--------------------------------------------------------------*/

.slider-navigation .swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
    width: .3125rem;
    height: .3125rem;
    border-radius: .3125rem;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
    padding: .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: .25rem;
        height: .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;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.slider-style-3 .swiper-slide.swiper-slide-prev,
.slider-style-3 .swiper-slide.swiper-slide-next {
    -webkit-transform: scaleY(.95);
    -ms-transform: scaleY(.95);
    transform: scaleY(.95);
}

.slider-style-3 .swiper-slide.swiper-slide-active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
}

.slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
    padding: .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: .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: .9375rem;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: .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;
    }
}


/*--------------------------------------------------------------
  apollo style 
--------------------------------------------------------------*/

.btn-icon.apollo-collection.current {
    background-color: var(--bg-warning);
    border-color: var(--border-warning);
    color: #fff;
}


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

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

.video-list-inner {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    word-wrap: break-word;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 1.25rem;
    border-radius: inherit;
}

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

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

.video-list-content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    padding: .25rem 0 .25rem 1.5rem;
}

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

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

.video-list-group .item-video-group {
    position: relative;
    padding: .75rem 1rem;
    border-bottom: .0625rem solid var(--border-light);
}

.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: .25rem 0 .25rem 1rem;
    }

    .video-list-group .item-video-group {
        position: relative;
        padding: .625rem .75rem;
        border-bottom: .0625rem solid var(--border-light);
    }
}


/*--------------------------------------------------------------
 list friends content
--------------------------------------------------------------*/

.list-friends.list-grid.list-grid-padding>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-friends.list-grid.list-grid-padding .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--bg-light);
}

.list-friends.list-grid.list-grid-padding .media {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
}

.list-friends.list-grid.list-grid-padding .list-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .25rem 0 0 1rem;
}

.nice-dark-mode .list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--night-bg-light);
}


/*--------------------------------------------------------------
   nice style radius
--------------------------------------------------------------*/

.nice-style-radius .block,
.nice-style-radius .card {
    border-radius: var(--radius-lg);
}

.nice-style-radius .form-control,
.nice-style-radius .btn {
    border-radius: var(--radius-md);
}

.nice-style-radius .nice-popup-content {
    border-radius: var(--radius-lg);
}

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

.nice-style-radius .btn-sm {
    border-radius: var(--radius-sm);
}

.nice-style-radius .btn-rounded {
    border-radius: 4rem;
}

.nice-style-radius .btn-circle {
    border-radius: 50%;
}

@media (max-width: 767.98px) {

    .nice-style-radius .block,
    .nice-style-radius .card {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .list-item.list-overlay {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .form-control {
        border-radius: var(--radius-md);
    }

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

    .nice-style-radius .btn {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .nice-popup-content {
        border-radius: var(--radius-sm);
    }

    .nice-style-radius .btn-rounded {
        border-radius: 4rem;
    }

    .nice-style-radius .btn-circle {
        border-radius: 50%;
    }
}

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

    .nice-style-radius .block,
    .nice-style-radius .card {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .list-item.list-overlay {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .form-control {
        border-radius: var(--radius-md);
    }

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

    .nice-style-radius .btn {
        border-radius: var(--radius-md);
    }

    .nice-style-radius .nice-popup-content {
        border-radius: var(--radius-sm);
    }

    .nice-style-radius .btn-rounded {
        border-radius: 4rem;
    }

    .nice-style-radius .btn-circle {
        border-radius: 50%;
    }
}


/*--------------------------------------------------------------
   nice style shadow
--------------------------------------------------------------*/

.nice-style-shadow .list-grouped .list-item,
.nice-style-shadow .list-grid-padding .list-item {
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
}

.nice-style-shadow .widget .list-grid-padding .media {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .nice-style-shadow .block {
        -webkit-box-shadow: var(--shadow-xs);
        box-shadow: var(--shadow-xs);
    }
}


/*--------------------------------------------------------------
   nice style border
--------------------------------------------------------------*/

.nice-style-border .list-grid-padding .list-item,
.nice-style-border .list-grouped .list-item {
    border: 1px solid var(--border-light);
}

.nice-style-border .list-grouped .list-item.block {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-style-border .list-grouped .list-item.list-overlay {
    border: 0;
}


/*--------------------------------------------------------------
   nice style shadow + border
--------------------------------------------------------------*/

.nice-style-border.nice-style-shadow .list-grid-padding .list-item,
.nice-style-border.nice-style-shadow .list-grouped .list-item {
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
}


/*--------------------------------------------------------------
   nice style hover
--------------------------------------------------------------*/

.nice-style-hover .list-grouped .list-item.block {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nice-style-hover .list-grouped .list-item.block:hover {
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
}


/*--------------------------------------------------------------
  Night mode switch
--------------------------------------------------------------*/

.switch-dark-mode .light {
    display: none;
}

.switch-dark-mode .night {
    display: block;
}

.switch-dark-mode.current .light {
    display: block;
}

.switch-dark-mode.current .night {
    display: none;
}


/*--------------------------------------------------------------
  Night mode
--------------------------------------------------------------*/

.nice-dark-mode {
    background-color: var(--night-bg-body);
}

.nice-dark-mode,
.nice-dark-mode a:not(.btn) {
    color: var(--night-color-body);
}

.nice-dark-mode a:not(.btn):hover {
    color: var(--night-color-primary);
}

.nice-dark-mode hr {
    border-color: var(--night-border-secondary);
}


/*--------------------------------------------------------------
 Night mode form control style
--------------------------------------------------------------*/

.nice-dark-mode .form-control {
    background-color: var(--night-bg-light);
    border-color: var(--night-bg-light);
    color: var(--night-color-muted);
}

.nice-dark-mode .form-control:focus {
    background-color: var(--night-bg-light);
    border-color: var(--night-bg-light);
    color: var(--night-color-dark);
}

.nice-dark-mode .form-control::-webkit-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::-moz-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control:-ms-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::-ms-input-placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control::placeholder {
    color: var(--night-color-secondary);
}

.nice-dark-mode .form-control:disabled,
.nice-dark-mode .form-control[readonly] {
    background-color: var(--night-bg-light);
    border-color: var(--night-bg-light);
    color: var(--night-color-light);
}


/*--------------------------------------------------------------
 Night mode color style
--------------------------------------------------------------*/

.nice-dark-mode .text-primary {
    color: var(--night-color-primary) !important;
}

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

.nice-dark-mode .text-secondary {
    color: var(--night-color-secondary) !important;
}

.nice-dark-mode .text-muted {
    color: var(--night-color-muted) !important;
}

.nice-dark-mode .text-light {
    color: var(--night-color-light) !important;
}

.nice-dark-mode .text-danger {
    color: var(--night-color-danger) !important;
}


/*--------------------------------------------------------------
  Night mode background style
--------------------------------------------------------------*/

.nice-dark-mode .bg-muted {
    background-color: var(--night-bg-muted) !important;
}

.nice-dark-mode .bg-light {
    background-color: var(--night-bg-light) !important;
}

.nice-dark-mode .bg-white {
    background-color: var(--night-bg-white) !important;
}

.nice-dark-mode .bg-primary {
    background-color: var(--night-bg-primary) !important;
}

.nice-dark-mode .bg-secondary {
    background-color: var(--night-bg-secondary) !important;
}

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

.nice-dark-mode .bg-dark-overlay {
    background-color: rgba(33, 36, 43, 0.6);
}


/*--------------------------------------------------------------
  Night mode border style
--------------------------------------------------------------*/

.nice-dark-mode .border-top {
    border-top-color: var(--night-border-light) !important;
}

.nice-dark-mode .border-primary {
    border-color: var(--night-border-primary) !important;
}

.nice-dark-mode .border-secondary {
    border-color: var(--night-border-secondary) !important;
}

.nice-dark-mode .border-muted {
    border-color: var(--night-border-muted) !important;
}

.nice-dark-mode .border-light {
    border-color: var(--night-border-light) !important;
}

.nice-dark-mode .border-white {
    border-color: var(--night-border-light) !important;
}


/*--------------------------------------------------------------
 Night mode btn primary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-primary:hover,
.nice-dark-mode .btn-primary:focus,
.nice-dark-mode .btn-primary.active,
.nice-dark-mode .btn-primary:active {
    color: #fff;
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
}

.nice-dark-mode .btn-primary.disabled,
.nice-dark-mode .btn-primary:disabled {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-muted);
}

/*--------------------------------------------------------------
 Night mode btn secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-secondary {
    color: var(--night-color-light);
    background-color: var(--night-btn-secondary);
    border-color: var(--night-btn-secondary);
}

.nice-dark-mode .btn-secondary:hover,
.nice-dark-mode .btn-secondary:focus,
.nice-dark-mode .btn-secondary.active,
.nice-dark-mode .btn-secondary:active {
    color: #fff;
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
}


/*--------------------------------------------------------------
 Night mode btn light style
--------------------------------------------------------------*/

.nice-dark-mode .btn-light {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-muted);
}

.nice-dark-mode .btn-light:hover,
.nice-dark-mode .btn-light:focus,
.nice-dark-mode .btn-light:active,
.nice-dark-mode .btn-light.active {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-dark);
}

.nice-dark-mode .btn-light.disabled,
.nice-dark-mode .btn-light:disabled {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-muted);
    cursor: not-allowed;
}


/*--------------------------------------------------------------
 Night mode btn dark style
--------------------------------------------------------------*/

.nice-dark-mode .btn-dark {
    background-color: var(--night-btn-dark);
    border-color: var(--night-btn-dark);
    color: var(--night-color-light);
}

.nice-dark-mode .btn-dark:hover,
.nice-dark-mode .btn-dark:focus,
.nice-dark-mode .btn-dark.active,
.nice-dark-mode .btn-dark:active {
    background-color: var(--night-btn-secondary);
    border-color: var(--night-btn-secondary);
    color: #fff;
}


/*--------------------------------------------------------------
 Night mode btn danger style
--------------------------------------------------------------*/

.nice-dark-mode .btn-danger {
    background-color: var(--night-btn-danger);
    border-color: var(--night-btn-danger);
    color: #fff;
}

.nice-dark-mode .btn-danger:hover,
.nice-dark-mode .btn-danger:focus,
.nice-dark-mode .btn-danger.active,
.nice-dark-mode .btn-danger:active {
    background-color: var(--night-btn-danger);
    border-color: var(--night-btn-danger);
    color: #fff;
}


/*--------------------------------------------------------------
 Night mode btn link style
--------------------------------------------------------------*/

.nice-dark-mode .btn-link {
    color: var(--night-color-muted);
    text-decoration: none;
}

.nice-dark-mode .btn-link:hover,
.nice-dark-mode .btn-link:focus,
.nice-dark-mode .btn-link.active,
.nice-dark-mode .btn-link:active {
    color: var(--night-color-dark);
}

.nice-dark-mode .btn-link:disabled,
.nice-dark-mode .btn-link.disabled {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-muted);
}


/*--------------------------------------------------------------
 Night mode btn link style
--------------------------------------------------------------*/

.nice-dark-mode .btn-success {
    background-color: var(--night-btn-success);
    border-color: var(--night-btn-success);
    color: #fff;
}

.nice-dark-mode .btn-success:hover,
.nice-dark-mode .btn-success:focus,
.nice-dark-mode .btn-success.active,
.nice-dark-mode .btn-success:active {
    background-color: var(--night-btn-success);
    border-color: var(--night-btn-success);
    color: #fff;
}

.nice-dark-mode .btn-success:disabled,
.nice-dark-mode .btn-success.disabled {
    background-color: var(--night-btn-light);
    border-color: var(--night-btn-light);
    color: var(--night-color-muted);
}


/*--------------------------------------------------------------
 Night mode btn outline style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-primary {
    color: var(--night-color-primary);
    background-color: var(--night-btn-outline-primary);
    border-color: var(--night-btn-outline-primary);
}

.nice-dark-mode .btn-outline-primary:hover,
.nice-dark-mode .btn-outline-primary:focus,
.nice-dark-mode .btn-outline-primary:active,
.nice-dark-mode .btn-outline-primary.active {
    color: #fff;
    background-color: var(--night-btn-primary);
    border-color: var(--night-btn-primary);
}


/*--------------------------------------------------------------
 Night mode btn outline secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-secondary {
    color: var(--night-color-secondary);
    background-color: var(--night-btn-outline-secondary);
    border-color: var(--night-btn-outline-secondary);
}

.nice-dark-mode .btn-outline-secondary:hover,
.nice-dark-mode .btn-outline-secondary:focus,
.nice-dark-mode .btn-outline-secondary:active,
.nice-dark-mode .btn-outline-secondary.active {
    color: var(--night-color-muted);
    background-color: var(--night-btn-outline-secondary);
    border-color: var(--night-btn-outline-secondary);
}


/*--------------------------------------------------------------
 btn outline light style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-light {
    color: var(--night-color-secondary);
    border-color: var(--night-btn-light);
    background-color: var(--night-btn-outline-light);
}

.nice-dark-mode .btn-outline-light:hover,
.nice-dark-mode .btn-outline-light:focus,
.nice-dark-mode .btn-outline-light:active,
.nice-dark-mode .btn-outline-light.active {
    color: var(--night-color-muted);
    border-color: var(--night-btn-light);
    background-color: var(--night-btn-outline-light);
}


/*--------------------------------------------------------------
 Night mode btn outline secondary style
--------------------------------------------------------------*/

.nice-dark-mode .btn-outline-dark {
    color: var(--night-color-dark);
    border-color: var(--night-btn-outline-dark);
    background-color: var(--night-btn-outline-dark);
}

.nice-dark-mode .btn-outline-dark:hover,
.nice-dark-mode .btn-outline-dark:focus,
.nice-dark-mode .btn-outline-dark:active,
.nice-dark-mode .btn-outline-dark.active {
    color: var(--night-color-muted);
    border-color: var(--night-btn-outline-dark);
    background-color: var(--night-btn-outline-dark);
}

/*--------------------------------------------------------------
 Night mode shadow style
--------------------------------------------------------------*/

.nice-dark-mode .shadow,
.nice-dark-mode .shadow-2x {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/*--------------------------------------------------------------
 Night mode header style
--------------------------------------------------------------*/

.nice-dark-mode .site-header {
    background-color: rgb(0 0 0 / 80%);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .site-header .navbar-brand .logo {
    display: none;
}

.nice-dark-mode .site-header .navbar-brand .logo-night {
    display: block;
}

.nice-dark-mode .site-header.fixed-top {
    background-color: transparent;
}

.nice-dark-mode .site-header.fixed-top.header-sticky {
    background-color: rgb(0 0 0 / 80%);
}

.nice-dark-mode .site-header.fixed-top .main-submenu li.nav-item>.btn-link:hover,
.nice-dark-mode .site-header.fixed-top .main-submenu li.nav-item>.btn-link:focus {
    color: #fff;
}


/*--------------------------------------------------------------
 Night mode submneu
--------------------------------------------------------------*/

.nice-dark-mode .main-menu li.current-menu-item>a,
.nice-dark-mode .main-menu li:hover>a {
    color: #ffffff;
}

.nice-dark-mode .main-menu li ul.sub-menu {
    background: var(--night-bg-muted);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .main-menu li ul.sub-menu li.current-menu-item a,
.nice-dark-mode .main-menu li ul.sub-menu li.current-post-ancestor a {
    color: var(--night-color-dark);
}

.nice-dark-mode .site-header.fixed-top .main-menu li ul.sub-menu {
    background: var(--night-bg-muted);
}


/*--------------------------------------------------------------
 Night mode aside Navigation 
--------------------------------------------------------------*/
.nice-dark-mode .aside-mobile .aside-menu>li {
    background-color: var(--night-bg-muted);
    border-radius: var(--radius-sm);
}

.nice-dark-mode .aside-mobile .aside-menu>li>a:hover,
.nice-dark-mode .aside-mobile .aside-menu>li.active>a,
.nice-dark-mode .aside-mobile .aside-menu>li.current-menu-item>a {
    color: #fff;
}

.nice-dark-mode .aside-mobile .aside-menu>li.current-menu-item>a {
    color: var(--night-color-primary);
}

.nice-dark-mode .aside-mobile .aside-menu li>ul li.current-menu-item a {
    color: var(--night-color-primary);
}

.nice-dark-mode .aside-mobile .aside-menu li a .menu-sign:after {
    border-color: #fff;
}

/*--------------------------------------------------------------
 Night mode dropdown style
--------------------------------------------------------------*/

.nice-dark-mode .nice-dropdown-menu {
    background-color: var(--night-bg-secondary);
    border-color: var(--night-border-light);
}


/*--------------------------------------------------------------
## search navbar
--------------------------------------------------------------*/

.nice-dark-mode .navbar-search {
    background-color: rgba(56, 62, 67, 0.8);
}


/*--------------------------------------------------------------
 Night mode media action
--------------------------------------------------------------*/

.nice-dark-mode .media-action .btn {
    background-color: rgba(21, 21, 22, 0.3);
    border-color: transparent;
    color: #ffffff;
}

.nice-dark-mode .btn-icon.apollo-collection.current {
    background-color: var(--night-bg-dark);
    border-color: var(--night-border-dark);
    color: #fff;
}


/* ---------------------------------------------------
 Night mode card STYLE
----------------------------------------------------- */

.nice-dark-mode .card,
.nice-dark-mode .block {
    background-color: var(--night-bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode list STYLE
----------------------------------------------------- */

.nice-dark-mode .list-grid-padding.list-bordered .list-item {
    border-top-color: var(--night-border-muted);
}

/*--------------------------------------------------------------
 Dark nice list ajax nav
--------------------------------------------------------------*/

.nice-dark-mode .index-ajax-menu ul li::before {
    background-color: var(--night-border-muted)
}

/*--------------------------------------------------------------
 Dark nice list index header
--------------------------------------------------------------*/

.nice-dark-mode .video-list-group {
    border-color: var(--night-border-muted);
}

.nice-dark-mode .video-list-group .item-video-group {
    border-bottom: 1px solid var(--night-border-muted);
}

.nice-dark-mode .video-list-group .item-video-group:last-child {
    border-width: 0;
}

/* ---------------------------------------------------
 Night mode post style
----------------------------------------------------- */

.nice-dark-mode .post-content {
    color: var(--night-color-dark);
}

.nice-dark-mode .post-title,
.nice-dark-mode .post-content h1,
.nice-dark-mode .post-content h2,
.nice-dark-mode .post-content h3 {
    color: #fff;
}


/* ---------------------------------------------------
 Night mode page numbers
----------------------------------------------------- */

.nice-dark-mode .page-numbers {
    color: var(--night-color-muted);
    background-color: var(--night-bg-light);
}

.nice-dark-mode .page-numbers:hover,
.nice-dark-mode .page-numbers.current {
    color: #fff;
    background-color: var(--night-bg-primary);
}

.nice-dark-mode .page-numbers.dots {
    background-color: transparent;
    color: var(--night-color-muted);
}

/*--------------------------------------------------------------
 Night mode widget 
--------------------------------------------------------------*/

.nice-dark-mode .widget-title {
    border-color: var(--night-border-light);
    color: var(--night-color-dark);
}

.nice-dark-mode .widget-title:before {
    background-color: var(--night-bg-primary);
}

.nice-dark-mode .widget_nav_menu div>ul>li,
.nice-dark-mode .widget_recent_comments li,
.nice-dark-mode .widget_meta li,
.nice-dark-mode .widget_archive li,
.nice-dark-mode .widget_categories li,
.nice-dark-mode .blogroll li {
    border-color: var(--night-border-light) !important;
}

.nice-dark-mode .widget_recent_comments ul li span {
    color: var(--night-color-dark);
}

.nice-dark-mode .tagcloud a {
    border-color: var(--night-border-light);
}

/*--------------------------------------------------------------
 Night search style
--------------------------------------------------------------*/

.nice-dark-mode .widget_search .search-field {
    background-color: var(--night-bg-muted);
}

.nice-dark-mode .widget_search .search-field:hover,
.nice-dark-mode .widget_search .search-field:focus {
    background-color: var(--night-bg-dark);
}

/*--------------------------------------------------------------
 Night mode widget search
--------------------------------------------------------------*/

.nice-dark-mode .comment {
    border-color: var(--night-border-light);
}

.nice-dark-mode .comment .children {
    background-color: var(--night-bg-muted);
    border-color: var(--night-bg-muted);
}

/*--------------------------------------------------------------
 Night mode toc
--------------------------------------------------------------*/

.nice-dark-mode .post-toc {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .post-toc:after {
    border-color: var(--night-bg-white) transparent transparent var(--night-bg-white);
}

.nice-dark-mode .post-toc .toc-list-item::before {
    background-color: var(--night-bg-muted);
}

.nice-dark-mode .post-toc .toc-list-item.is-active-li::before {
    background-color: var(--night-bg-danger);
}

.nice-dark-mode .post-toc .toc-list .toc-list .toc-list-item::before {
    border-color: var(--night-border-muted);
    background-color: var(--night-bg-light);
}

.post-toc .toc-list .toc-list .toc-list-item.is-active-li::before {
    border-color: var(--border-danger);
}


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

@media (max-width: 767.98px) {
    .nice-dark-mode .fixed-post-dock .dock-inner {
        background-color: var(--night-bg-dark);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/*--------------------------------------------------------------
 Night mode footer copyright
--------------------------------------------------------------*/

.nice-dark-mode .footer-copyright,
.nice-dark-mode .footer-copyright a {
    color: var(--night-color-light);
}

.nice-dark-mode .footer-widget-content p,
.nice-dark-mode .footer-widget-content a {
    color: var(--night-color-light);
}


/*--------------------------------------------------------------
 Night mode nice tips
--------------------------------------------------------------*/

.nice-dark-mode .nice-popup-overlay {
    background-color: rgb(25 25 29 / 60%);
}

.nice-dark-mode .nice-popup-content {
    background-color: var(--night-bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nice-dark-mode .nice-popup-error .nice-popup-content {
    background-color: rgba(0, 0, 0, 0.8);
}


/*--------------------------------------------------------------
 Dark nice list style shadow
--------------------------------------------------------------*/

.nice-dark-mode.nice-style-border .list-grouped .list-item {
    background-color: var(--night-bg-secondary);
    border-color: var(--night-border-secondary);
}

.nice-dark-mode.nice-style-border .list-grouped .list-item.list-overlay {
    border-width: 0;
}

.nice-dark-mode.nice-style-shadow .list-grouped .list-item {
    background-color: var(--night-bg-secondary);
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------------------------
 Night mode profile header STYLE
----------------------------------------------------- */

.nice-dark-mode .user-profile-poster {
    background-color: var(--night-bg-dark);
}

.nice-dark-mode .user-profile-header .user-profile-box .flex-avatar {
    border-color: var(--night-border-white);
}


/*--------------------------------------------------------------
 Night mode list friends content
--------------------------------------------------------------*/

.nice-dark-mode .list-friends.list-grid.list-grid-padding .list-item:hover {
    background-color: var(--night-bg-light);
}


/* ---------------------------------------------------
 Night mode profile panel STYLE
----------------------------------------------------- */

.nice-dark-mode .user-profile-panel .user-profile-data ul {
    background-color: var(--night-bg-white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ---------------------------------------------------
 Night mode selection STYLE
----------------------------------------------------- */


/* webkit, opera, IE9 */

.nice-dark-mode ::-moz-selection {
    background: var(--night-bg-primary);
    color: #fff;
}

.nice-dark-mode ::selection {
    background: var(--night-bg-primary);
    color: #fff;
}


/* mozilla firefox */

.nice-dark-mode ::-moz-selection {
    background: var(--night-bg-primary);
    color: #fff;
}

/*--------------------------------------------------------------
    svg style
--------------------------------------------------------------*/

.svg-entry {
    display: block;
    width: 128px;
    height: 128px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2IDExMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWFlZWY5fS5zdDJ7ZmlsbDojZmZmfS5zdDN7ZmlsbDojMmQ1ODg3fS5zdDd7ZmlsbDojZGFlMWVkfS5zdDEye2ZpbGw6bm9uZTtzdHJva2U6I2M5ZDRlMjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5OjQsNH0uc3QxM3tmaWxsOiNkYWUyZWJ9LnN0MTR7ZmlsbDojMWMzNzU0fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNCA0MC4xYzEuMy0uNCAyLTEuOCAxLjYtMy4xLS40LTEuMy0xLjgtMi0zLjEtMS42cy0yIDEuOC0xLjYgMy4xYy40IDEuMyAxLjggMiAzLjEgMS42ek0xMC41IDMzLjdjLjktLjMgMS4zLTEuMiAxLjEtMi4xLS4zLS45LTEuMi0xLjQtMi4xLTEuMS0uOS4zLTEuMyAxLjItMS4xIDIuMS4zLjkgMS4yIDEuNCAyLjEgMS4xeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjU0LjI0OCIgeDI9IjMuMjI1IiB5Mj0iNTQuMjQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMS43IDU5LjNjLjkgMCAxLjctLjcgMS43LTEuNyAwLS45LS43LTEuNy0xLjctMS43LTEgLjEtMS43LjgtMS43IDEuNyAwIDEgLjcgMS43IDEuNyAxLjd6IiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTcuMiA0Mi44YzEuNS0xLjQgMS42LTMuNy4yLTUuMy0xLjQtMS41LTMuNy0xLjYtNS4yLS4yLTEuNSAxLjQtMS42IDMuNy0uMiA1LjMgMS40IDEuNCAzLjcgMS41IDUuMi4yek0xMTEuNiA1OC41YzAgMTEuNi0zLjkgMjIuNS0xMC40IDMxLjEtMy42IDQuNy03LjkgOC44LTEyLjkgMTItOCA1LjMtMTcuNyA4LjMtMjggOC4zQzMyIDExMCA5IDg3IDkgNTguNSA5IDMwLjEgMzEuOSA3IDYwLjMgN2MxMC4zIDAgMTkuOSAzIDI4IDguMyA1IDMuMiA5LjMgNy4zIDEyLjkgMTIgNi41IDguNyAxMC40IDE5LjUgMTAuNCAzMS4yeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMy4xIDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4yLjUuNS41ek0zNC41IDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4zLjUuNS41ek0zNS45IDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4yLjUuNS41eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0zMy42IDQyLjloLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXpNMzMuNiA0NS4xaC0uNGMtLjMgMC0uNS0uMi0uNS0uNXMuMi0uNS41LS41aC40Yy4zIDAgLjUuMi41LjUtLjEuMy0uMi41LS41LjV6TTMzLjYgNDcuM2gtLjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWguNGMuMyAwIC41LjIuNS41LS4xLjMtLjIuNS0uNS41ek0zMy42IDQ5LjVoLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTUuMiA0Mi44aC03LjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWg3LjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDcuMzkzIiB5MT0iNjIuOTU4IiB4Mj0iNzIuMzEiIHkyPSI2Mi45NTgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMTEuODkpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZjY2YTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik03MS44IDQ5LjRoLTI0Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoMjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8yXykiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTUuMiA0NC45SDQ0LjVjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxMC43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXpNNjMuNyA0Ny4ySDQ0LjZjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxOS4xYy4zIDAgLjUuMi41LjUtLjEuMy0uMy41LS41LjV6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTcxLjkgNDcuMmgtNi43Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoNi43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjczLjEwNiIgeTE9IjY1LjIwOSIgeDI9Ijc2Ljc4IiB5Mj0iNjUuMjA5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNzYuMyA0Ny4yaC0yLjdjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgyLjdjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz48cGF0aCBkPSJNMi43IDk3LjlIMTIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNmRlZTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNODEgNDEuN3Y1NS42SDMwLjJjLTIgMC0zLjUtMS42LTMuNS0zLjVWNDEuN0g4MXoiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN3Y1Mi4xYzAgMi0xLjYgMy41LTMuNSAzLjVIODAuOVY0MS43aDE5LjN6Ii8+PHBhdGggZD0iTTEwMC4yIDQxLjdWNjFoLTE0Yy0xLjMgMC0yLjItLjktMi40LTIuMkw4MSA0MS42bDE5LjIuMXoiIGZpbGw9IiNjNWNkZGIiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN0g4MC45bDkuOCAxNS4xYy43IDEgMS44IDEuNiAyLjkgMS42aDE1YzEgMCAxLjctMS4yIDEuMS0ybC05LjUtMTQuN3pNNTMuOCA3Ni44SDMzLjFjLS43IDAtMS4zLS42LTEuMy0xLjNWNjhjMC0uNy42LTEuMyAxLjMtMS4zaDIwLjdjLjcgMCAxLjMuNiAxLjMgMS4zdjcuNWMtLjEuNy0uNyAxLjMtMS4zIDEuM3pNNTQgODIuMUgzMi43Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjlINTRjLjUgMCAuOS40LjkuOXMtLjQuOS0uOS45ek01NCA4Ni41SDMyLjdjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOUg1NGMuNSAwIC45LjQuOS45cy0uNC45LS45Ljl6TTQyLjUgOTAuOGgtOS45Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjloOS45Yy41IDAgLjkuNC45LjlzLS40LjktLjkuOXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMy4wMjMiIHkxPSIzNi40NDMiIHgyPSI5OC4zOTYiIHkyPSI0MS4wNTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMTEuODkpIj48c3RvcCBvZmZzZXQ9Ii4wMTEiIHN0b3AtY29sb3I9IiNjMmQxZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0xMDEuMiA3Mi42aC0zLjFjLS4xIDAtLjMtLjEtLjMtLjN2LS40YzAtLjEuMS0uMy4zLS4zaDMuMWMuMSAwIC4zLjEuMy4zdi40YzAgLjItLjEuMy0uMy4zeiIgZmlsbD0idXJsKCNTVkdJRF80XykiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE5LjYgNTcuOWMxLjYtMS40IDEuNy0zLjkuMi01LjUtMS40LTEuNi0zLjktMS43LTUuNS0uMi0xLjYgMS40LTEuNyAzLjktLjIgNS41IDEuNSAxLjUgNCAxLjYgNS41LjJ6TTMxLjQgMjQuOGMxLjMtLjQgMi4xLTEuOSAxLjYtMy4ycy0xLjktMi4xLTMuMi0xLjZjLTEuMy40LTIuMSAxLjktMS42IDMuMi41IDEuMyAxLjkgMiAzLjIgMS42eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzQuNzc0IiB5MT0iOTcuMDc5IiB4Mj0iMzguMTQ1IiB5Mj0iOTcuMDc5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMzYuNSAxNi41YzEgMCAxLjctLjggMS43LTEuN3MtLjgtMS43LTEuNy0xLjdjLTEgMC0xLjcuOC0xLjcgMS43cy43IDEuNyAxLjcgMS43eiIgZmlsbD0idXJsKCNTVkdJRF81XykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjExNy4yNzYiIHkxPSI3Mi42NDgiIHgyPSIxMjAuNDQxIiB5Mj0iNzIuNjQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTE4LjkgNDAuOWMuOSAwIDEuNi0uNyAxLjYtMS42IDAtLjktLjctMS42LTEuNi0xLjZzLTEuNi43LTEuNiAxLjZjLS4xLjguNiAxLjYgMS42IDEuNnoiIGZpbGw9InVybCgjU1ZHSURfNl8pIi8+PHBhdGggY2xhc3M9InN0MTIiIGQ9Ik01Ni4yIDU4LjdjLTMuNi03LTQuNC0xNS40LTItMjMgMi4zLTcuNiA3LjgtMTQuMSAxNC42LTE3LjggMi4xLTEuMSA0LjUtMiA2LjktMi4xIDIuNC0uMSA1IC43IDYuNiAyLjcgMS42IDEuOCAxLjkgNC44LjYgNi44LTEuNCAxLjktNC4yIDIuNy02LjUgMi4xLTMuNy0uNy02LjctMy42LTcuNi03LjEtLjktMy41LjMtNy42IDMuMS05LjkgMS44LTEuNiA0LjMtMi41IDYuNi0zLjJDODkuNyA0IDEwMS44IDMuNiAxMTMuMiA2Ii8+PHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0xMTkuMyAzLjRjLS4xIDEuNS0uMiAyLjktMS4zIDMuMi0xLjEuMy0xLjYtLjctMi4zLTIuMS0uNy0xLjMtLjMtMi43LjktMyAxLjEtLjQgMi45IDAgMi43IDEuOXpNMTE4LjEgMTAuNWMuMy0xLjguNi0yLjgtLjQtMy4zLTEuMS0uNS0xLjguNC0zIDEuNi0xIDEuMS0uNCAyLjcuNiAzLjIgMS4yLjcgMi41LjEgMi44LTEuNXoiLz48cGF0aCBjbGFzcz0ic3QxNCIgZD0iTTExOS41IDcuMmMtLjEuNy0uNiAxLjItMS4zIDEuM2gtMWMtMS40LS4yLTIuNS0xLjEtMi40LTIgLjEtLjkgMS40LTEuNCAzLTEuMi4zIDAgLjYuMS44LjIuNi4yIDEgLjkuOSAxLjcgMC0uMSAwIDAgMCAweiIvPjxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNNy45IDM1LjRjMC0xLjcgMC0zLjQgMS4yLTMuOSAxLjMtLjUgMiAuNyAzIDIuNC45IDEuNS41IDMuMS0uOCAzLjYtMS4yLjQtMy40LjEtMy40LTIuMXpNOC42IDI3Yy0uMiAyLjEtLjUgMy4zLjggMy44czItLjYgMy4zLTIuMmMxLTEuNC4zLTMuMi0xLTMuNy0xLjMtLjYtMi45LjMtMy4xIDIuMXoiLz48cGF0aCBjbGFzcz0ic3QxNCIgZD0iTTcuNSAzMWMwLS44LjYtMS40IDEuMy0xLjUuMy0uMS43LS4xIDEuMSAwIDEuNi4xIDMgMSAyLjkgMi0uMSAxLTEuNCAxLjctMy4xIDEuNS0uMyAwLS42LS4xLS45LS4yLS44LS4yLTEuMy0xLTEuMy0xLjh6Ii8+PHBhdGggY2xhc3M9InN0MTIiIGQ9Ik0xNC4zIDMxLjNjMTAuNSAwIDI5LjkgNi4xIDMwLjIgMjguNSIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik04MC45IDQxLjdsLTIuMyAxOGMtLjEuOS0uOSAxLjYtMS45IDEuNmgtNTBWNDIuNGwuMS0uMSA1NC4xLS42eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNi43IDQxLjdoNTQuMWwtOS43IDE1LjFjLS43IDEtMS44IDEuNi0yLjkgMS42aC01MGMtMSAwLTEuNy0xLjItMS4xLTJsOS42LTE0Ljd6Ii8+PC9zdmc+');
}

.nice-dark-mode .svg-entry {
    opacity: .6;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTIxIDExMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMmEyZTM5fS5zdDJ7ZmlsbDojNDA1ODcyfS5zdDN7ZmlsbDojNDc0ZTYxfS5zdDd7ZmlsbDojMmUzNzQ2fS5zdDl7ZmlsbDpub25lO3N0cm9rZTojNDc0ZTYxO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6NCw0fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNCA0MC4xYzEuMy0uNCAyLTEuOCAxLjYtMy4xLS40LTEuMy0xLjgtMi0zLjEtMS42cy0yIDEuOC0xLjYgMy4xYy40IDEuMyAxLjggMiAzLjEgMS42eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjUyLjI0OCIgeDI9IjMuMjI1IiB5Mj0iNTIuMjQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTA5Ljg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMS43IDU5LjNjLjkgMCAxLjctLjcgMS43LTEuNyAwLS45LS43LTEuNy0xLjctMS43LTEgLjEtMS43LjgtMS43IDEuNyAwIDEgLjcgMS43IDEuNyAxLjd6IiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTcuMiA0Mi44YzEuNS0xLjQgMS42LTMuNy4yLTUuMy0xLjQtMS41LTMuNy0xLjYtNS4yLS4yLTEuNSAxLjQtMS42IDMuNy0uMiA1LjMgMS40IDEuNCAzLjcgMS41IDUuMi4yek0xMTEuNiA1OC41YzAgMTEuNi0zLjkgMjIuNS0xMC40IDMxLjEtMy42IDQuNy03LjkgOC44LTEyLjkgMTItOCA1LjMtMTcuNyA4LjMtMjggOC4zQzMyIDExMCA5IDg3IDkgNTguNSA5IDMwLjEgMzEuOSA3IDYwLjMgN2MxMC4zIDAgMTkuOSAzIDI4IDguMyA1IDMuMiA5LjMgNy4zIDEyLjkgMTIgNi41IDguNyAxMC40IDE5LjUgMTAuNCAzMS4yeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMy42IDQyLjloLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXpNMzMuNiA0NS4xaC0uNGMtLjMgMC0uNS0uMi0uNS0uNXMuMi0uNS41LS41aC40Yy4zIDAgLjUuMi41LjUtLjEuMy0uMi41LS41LjV6TTMzLjYgNDcuM2gtLjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWguNGMuMyAwIC41LjIuNS41LS4xLjMtLjIuNS0uNS41ek0zMy42IDQ5LjVoLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTUuMiA0Mi44aC03LjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWg3LjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDcuMzkzIiB5MT0iNjAuOTU4IiB4Mj0iNzIuMzEiIHkyPSI2MC45NTgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMDkuODkpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZjY2YTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik03MS44IDQ5LjRoLTI0Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoMjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8yXykiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTUuMiA0NC45SDQ0LjVjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxMC43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXpNNjMuNyA0Ny4ySDQ0LjZjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxOS4xYy4zIDAgLjUuMi41LjUtLjEuMy0uMy41LS41LjV6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTcxLjkgNDcuMmgtNi43Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoNi43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjczLjEwNiIgeTE9IjYzLjIwOSIgeDI9Ijc2Ljc4IiB5Mj0iNjMuMjA5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTA5Ljg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNzYuMyA0Ny4yaC0yLjdjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgyLjdjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz48cGF0aCBkPSJNMi43IDk3LjlIMTIwIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjMyM2MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNODEgNDEuN3Y1NS42SDMwLjJjLTIgMC0zLjUtMS42LTMuNS0zLjVWNDEuN0g4MXoiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN3Y1Mi4xYzAgMi0xLjYgMy41LTMuNSAzLjVIODAuOVY0MS43aDE5LjN6Ii8+PHBhdGggZD0iTTEwMC4yIDQxLjdWNjFoLTE0Yy0xLjMgMC0yLjItLjktMi40LTIuMkw4MSA0MS42bDE5LjIuMXoiIGZpbGw9IiMyMzI0MjQiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN0g4MC45bDkuOCAxNS4xYy43IDEgMS44IDEuNiAyLjkgMS42aDE1YzEgMCAxLjctMS4yIDEuMS0ybC05LjUtMTQuN3pNNTMuOCA3Ni44SDMzLjFjLS43IDAtMS4zLS42LTEuMy0xLjNWNjhjMC0uNy42LTEuMyAxLjMtMS4zaDIwLjdjLjcgMCAxLjMuNiAxLjMgMS4zdjcuNWMtLjEuNy0uNyAxLjMtMS4zIDEuM3pNNTQgODIuMUgzMi43Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjlINTRjLjUgMCAuOS40LjkuOXMtLjQuOS0uOS45ek01NCA4Ni41SDMyLjdjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOUg1NGMuNSAwIC45LjQuOS45cy0uNC45LS45Ljl6TTQyLjUgOTAuOGgtOS45Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjloOS45Yy41IDAgLjkuNC45LjlzLS40LjktLjkuOXoiLz48cGF0aCBjbGFzcz0ic3Q5IiBkPSJNNTYgNTguNmMtMy42LTctNC40LTE1LjQtMi0yMyAyLjMtNy42IDcuOC0xNC4xIDE0LjYtMTcuOCAyLjEtMS4xIDQuNS0yIDYuOS0yLjFzNSAuNyA2LjYgMi43YzEuNiAxLjggMS45IDQuOC42IDYuOC0xLjQgMS45LTQuMiAyLjctNi41IDIuMS0zLjctLjctNi43LTMuNi03LjYtNy4xcy4zLTcuNiAzLjEtOS45YzEuOC0xLjYgNC4zLTIuNSA2LjYtMy4yIDExLjItMy4yIDIzLjMtMy42IDM0LjctMS4yIi8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTExOS4xIDMuM2MtLjEgMS41LS4yIDIuOS0xLjMgMy4yLTEuMS4zLTEuNi0uNy0yLjMtMi4xLS43LTEuMy0uMy0yLjcuOS0zIDEuMS0uNCAyLjkgMCAyLjcgMS45ek0xMTcuOSAxMC40Yy4zLTEuOC42LTIuOC0uNC0zLjMtMS4xLS41LTEuOC40LTMgMS42LTEgMS4xLS40IDIuNy42IDMuMiAxLjIuNyAyLjUuMSAyLjgtMS41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTkuMyA3LjFjLS4xLjctLjYgMS4yLTEuMyAxLjNoLTFjLTEuNC0uMi0yLjUtMS4xLTIuNC0yczEuNC0xLjQgMy0xLjJjLjMgMCAuNi4xLjguMi42LjIgMSAuOS45IDEuNyAwLS4xIDAgMCAwIDB6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTcuNiAzNC43YzAtMS43IDAtMy40IDEuMi0zLjkgMS4zLS41IDIgLjcgMyAyLjQuOSAxLjUuNSAzLjEtLjggMy42LTEuMi40LTMuNC4xLTMuNC0yLjF6TTguMyAyNi4zYy0uMiAyLjEtLjUgMy4zLjggMy44czItLjYgMy4zLTIuMmMxLTEuNC4zLTMuMi0xLTMuNy0xLjMtLjYtMi45LjMtMy4xIDIuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy4yIDMwLjNjMC0uOC42LTEuNCAxLjMtMS41LjMtLjEuNy0uMSAxLjEgMCAxLjYuMSAzIDEgMi45IDItLjEgMS0xLjQgMS43LTMuMSAxLjUtLjMgMC0uNi0uMS0uOS0uMi0uOC0uMi0xLjMtMS0xLjMtMS44eiIvPjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xNC4xIDMxLjJjMTAuNSAwIDI5LjkgNi4xIDMwLjIgMjguNSIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik04MC45IDQxLjdsLTIuMyAxOGMtLjEuOS0uOSAxLjYtMS45IDEuNmgtNTBWNDIuNGwuMS0uMSA1NC4xLS42eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNi43IDQxLjdoNTQuMWwtOS43IDE1LjFjLS43IDEtMS44IDEuNi0yLjkgMS42aC01MGMtMSAwLTEuNy0xLjItMS4xLTJsOS42LTE0Ljd6Ii8+PC9zdmc+');
}

.svg-nocomment {
    display: block;
    width: 128px;
    height: 128px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjEyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzEuNzYxMyAxMDUuNzQ0YzI3LjYyNjEgMCA1MC4wMjE3LTIyLjQxNSA1MC4wMjE3LTUwLjA2NTlTOTkuMzg3NCA1LjYxMTc3IDcxLjc2MTMgNS42MTE3N2MtMjcuNjI2MiAwLTUwLjAyMTYgMjIuNDE1NDMtNTAuMDIxNiA1MC4wNjYzM3MyMi4zOTU0IDUwLjA2NTkgNTAuMDIxNiA1MC4wNjU5eiIgZmlsbD0iI0VGRjNGRiIvPjxwYXRoIGQ9Ik0xMTEuOTIgMTEuNzkzNmMyLjExMiAwIDMuODI0LTEuNzEzOSAzLjgyNC0zLjgyODAyIDAtMi4xMTQxNS0xLjcxMi0zLjgyODAxLTMuODI0LTMuODI4MDEtMi4xMTMgMC0zLjgyNSAxLjcxMzg2LTMuODI1IDMuODI4MDEgMCAyLjExNDEyIDEuNzEyIDMuODI4MDIgMy44MjUgMy44MjgwMnpNMjYuMTY4MiAyMS4yNjI5YzEuMzg5NyAwIDIuNTE2Mi0xLjEyNzYgMi41MTYyLTIuNTE4NSAwLTEuMzkwOC0xLjEyNjUtMi41MTg0LTIuNTE2Mi0yLjUxODQtMS4zODk2IDAtMi41MTYyIDEuMTI3Ni0yLjUxNjIgMi41MTg0IDAgMS4zOTA5IDEuMTI2NiAyLjUxODUgMi41MTYyIDIuNTE4NXoiIGZpbGw9IiNFQUVFRjkiLz48cGF0aCBkPSJNMTQuNzk1MSAyNy43MWMuOTQ1IDAgMS43MTEtLjc2NjcgMS43MTEtMS43MTI1IDAtLjk0NTgtLjc2Ni0xLjcxMjUtMS43MTEtMS43MTI1LS45NDUgMC0xLjcxMS43NjY3LTEuNzExIDEuNzEyNSAwIC45NDU4Ljc2NiAxLjcxMjUgMS43MTEgMS43MTI1eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxwYXRoIGQ9Ik05Ni4wMTczIDcuMjIzNTljLjg4OTMgMCAxLjYxMDMtLjcyMTYzIDEuNjEwMy0xLjYxMThDOTcuNjI3NiA0LjcyMTYyIDk2LjkwNjYgNCA5Ni4wMTczIDRjLS44ODk0IDAtMS42MTA0LjcyMTYyLTEuNjEwNCAxLjYxMTc5cy43MjEgMS42MTE4IDEuNjEwNCAxLjYxMTh6IiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PHBhdGggZD0iTTY3LjUzNDEgMTA1LjY4MWMwIDQuNzM0LTIuMDEyOSA4Ljk2NS01LjIzMzYgMTEuOTg3LS45MDU4LjgwNi0xLjgxMTcgMS41MTEtMi45MTg4IDIuMTE2LTIuNDE1NSAxLjQxLTUuMjMzNiAyLjIxNi04LjI1MyAyLjIxNnMtNS44Mzc2LS44MDYtOC4yNTMxLTIuMjE2Yy0uNDAyNi0uMjAyLS43MDQ1LS40MDMtMS4xMDcxLS43MDUtNC4yMjcyLTIuOTIyLTcuMDQ1My03Ljg1OC03LjA0NTMtMTMuMzk4IDAtOS4wNjY3IDcuMzQ3Mi0xNi4zMTk4IDE2LjMwNDgtMTYuMzE5OCA5LjE1ODktLjEwMDggMTYuNTA2MSA3LjI1MzEgMTYuNTA2MSAxNi4zMTk4eiIgZmlsbD0iI0RDRTJGMCIvPjxwYXRoIGQ9Ik00Ny44MDczIDEwOS4zMDdjLjIwMTMuMjAxLjQwMjYuNTA0LjcwNDUuNzA1LjIwMTMuMjAxLjQwMjYuMzAyLjYwMzkuNTA0LjEwMDcuMS4zMDIuMjAxLjQwMjYuMzAyIDAgMCAuMTAwNyAwIC4xMDA3LjEwMWwuMTAwNi4xdjEuNDExbC0uMTAwNi0uMTAxYy0uMTAwNy0uMTAxLS4zMDItLjIwMi0uNDAyNi0uMzAyLS4yMDEzLS4xMDEtLjQwMjYtLjMwMi0uNjAzOS0uNDAzLS4xMDA3IDAtLjEwMDctLjEwMS0uMjAxMy0uMTAxLS43MDQ1LS40MDMtMS4zMDg0LS44MDYtMS4zMDg0LTEuMzEuMTAwNi0uMjAxLjMwMTktLjUwMy43MDQ1LS45MDZ6bTE0LjI5MTkgNy44NTdjLS42MDM5LTEuMzA5LTEuNzExLTIuNjE5LTMuMTIwMS0zLjMyNC0uNzA0NS0uMzAyLTEuNTA5Ny0uNjA0LTIuMzE0OC0uNjA0aC0xLjAwNjVjLTEuMTA3MS0uMTAxLTEuMjA3OC0uMzAzLTEuMjA3OC0uMzAzdi0yLjMxN2MuNzA0NS0uNjA0IDEuNDA5MS0xLjMwOSAyLjAxMy0yLjAxNC41MDMyLS43MDUuOTA1OC0xLjUxMSAxLjEwNzEtMi41MTkuOTA1OC0uMjAxIDEuNTA5Ny0xLjAwNyAxLjQwOS0yLjAxNCAwLS40MDMtLjMwMTktLjgwNi0uMzAxOS0xLjIwOXYtLjYwNS0uNDAzLS40MDNjLS4xMDA3LS43MDUtLjMwMTktMS40MS0uNzA0NS0yLjIxNTktMS4yMDc4LTIuMjE2Mi0zLjQyMi0zLjYyNjUtNi4wMzg5LTMuNjI2NS0uNTAzMiAwLTEuMDA2NC4xMDA3LTEuNTA5Ny4yMDE1LS45MDU4LjIwMTUtMS44MTE2LjYwNDQtMi41MTYxIDEuMjA4OC0uMTAwNy4xMDA4LS4zMDIuMjAxNS0uNDAyNi40MDNsLS4xMDA3LjEwMDdjLS44MDUyLjgwNTktMS41MDk3IDEuNzEyNS0xLjgxMTYgMi44MjA0LS40MDI2IDEuMTA4LS40MDI2IDIuMjE2LS4zMDIgMy4zMjV2LjIwMWMwIC4yMDIuMTAwNy4yMDIgMCAuMzAyIDAgLjEwMS0uMTAwNi4xMDEtLjEwMDYuMjAyLS4yMDEzLjMwMi0uMzAxOS43MDUtLjEwMDcgMS4zMDkuNDAyNiAxLjAwOCAxLjAwNjUuOTA3IDEuNzExIDEuNDExIDAgMC0uMTAwNiAwLS4xMDA2LjFsLS43MDQ1LjIwMmMtMy4yMjA3IDEuMDA3LTQuMzI3OSAzLjcyNy0yLjkxODggNS40NC41MDMyLjYwNCAxLjMwODQgMS4xMDggMi41MTYyIDEuNDEtLjMwMiAwLS42MDM5LjIwMS0uODA1Mi40MDMtMS40MDkxIDEuMTA4LTIuMzE0OSAyLjgyMS0yLjUxNjIgNC40MzJ2LjMwM2MuNDAyNi4yMDEuNzA0Ni41MDMgMS4xMDcxLjcwNWgxNi4wMDI5YzEuMDA2NS0uNjA1IDIuMDEzLTEuMzEgMi45MTg4LTIuMTE2LS4xMDA3LS41MDMtLjEwMDctLjcwNS0uMjAxMy0uODA2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik02Mi4zMDA1IDExNy42NjhjLS45MDU4LjgwNi0xLjgxMTcgMS41MTEtMi45MTg4IDIuMTE2LTIuNDE1NSAxLjQxLTUuMjMzNiAyLjIxNi04LjI1MyAyLjIxNnMtNS44Mzc2LS44MDYtOC4yNTMxLTIuMjE2Yy0uNDAyNi0uMjAyLS43MDQ1LS40MDMtMS4xMDcxLS43MDV2LS4zMDNjLjIwMTMtMS42MTEgMS4xMDcxLTMuMzI0IDIuNTE2Mi00LjQzMi4yMDEzLS4yMDEuNTAzMi0uMzAyLjgwNTEtLjQwMy0xLjIwNzctLjIwMS0yLjAxMjktLjcwNS0yLjUxNjEtMS40MWgzLjgyNDZjMS4xMDcxIDEuNTExIDIuODE4MSAyLjQxNyA0LjgzMSAyLjQxNyAxLjcxMSAwIDMuMjIwNy0uNzA1IDQuMzI3OC0xLjgxM2gxLjAwNjVjLjgwNTIgMCAxLjYxMDQuMjAyIDIuMzE0OS42MDUgMS40MDkuNzA1IDIuNDE1NSAxLjkxNCAzLjEyIDMuMzI0LjIwMTMuMjAxLjIwMTMuNDAzLjMwMi42MDR6IiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+PHBhdGggZD0iTTU0LjU1MDcgMTEwLjYxN3YyLjExNWwtNi4zNDA3LjIwMi4zMDE5LTEuNDExYy4xMDA2IDAgLjEwMDYuMTAxLjIwMTMuMTAxLjIwMTMuMTAxLjQwMjYuMzAyLjYwMzkuNDAzLjEwMDYuMTAxLjIwMTMuMjAxLjQwMjYuMzAyIDAgMCAuMTAwNiAwIC4xMDA2LjEwMXYtMS40MWwtLjEwMDYtLjEwMWMxLjEwNzEuNjA0IDIuNjE2OCAxLjAwNyA0LjgzMS0uMzAyeiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyKSIvPjxwYXRoIGQ9Ik01OC42NzcyIDEwMS44NTNjLTEuMjA3OC40MDMtMi42MTY4LjYwNC0zLjkyNTIuNTAzLTIuMTEzNi0uMjAxLTQuMTI2Ni0xLjAwNy01LjczNjktMi40MTc0LS41MDMyIDEuNTExNC0xLjgxMTcgMi42MTk0LTMuMzIxNCAzLjMyNDQtLjIwMTMuMTAxLS40MDI2LjIwMS0uNjAzOC4yMDF2LS4xYy0uMTAwNy0xLjEwOC0uMTAwNy0yLjIxNy4zMDE5LTMuMzI1LjMwMTktMS4xMDc4IDEuMDA2NS0yLjAxNDQgMS44MTE2LTIuODIwM2wuMTAwNy0uMTAwOGMuMTAwNi0uMTAwNy4zMDE5LS4yMDE0LjQwMjYtLjQwMjkuNzA0NS0uNjA0NCAxLjYxMDMtMS4wMDc0IDIuNTE2Mi0xLjIwODkuNTAzMi0uMTAwNyAxLjAwNjQtLjIwMTQgMS41MDk3LS4yMDE0IDIuNjE2OCAwIDQuOTMxNyAxLjQxMDMgNi4wMzg4IDMuNjI2NS40MDI2LjgwNTkuNjAzOSAxLjYxMTguNzA0NSAyLjIxNTguMjAxMy40MDMuMjAxMy42MDUuMjAxMy43MDZ6TTUwLjYyNTUgMTE2Ljc2MmMtLjYwMzkuNzA1LTEuNjEwMy43MDUtMi41MTYyLjcwNS45MDU5LS45MDcuNDAyNi0zLjgyOC0yLjgxODEtMy41MjYtNC40Mjg1LS44MDYtNC4wMjU5LTUuNDQuNDAyNi02Ljg1bC43MDQ1LS4yMDIuMTAwNy4xMDFjLjMwMTkuOTA3LjgwNTIgMS43MTMgMS4zMDg0IDIuMzE3LTEuODExNyAxLjUxMS43MDQ1IDEuOTE0IDEuOTEyMyAzLjEyMyAxLjAwNjUuNjA0IDEuOTEyMyAzLjEyMy45MDU4IDQuMzMyeiIgZmlsbD0iIzFDMzc1NCIvPjxwYXRoIGQ9Ik02Ny41MzQxIDEwNS42ODFjMCA0LjczNC0yLjAxMjkgOC45NjUtNS4yMzM2IDExLjk4Ny0uOTA1OC44MDYtMS44MTE3IDEuNTExLTIuOTE4OCAyLjExNi0yLjQxNTUgMS40MS01LjIzMzYgMi4yMTYtOC4yNTMgMi4yMTZzLTUuODM3Ni0uODA2LTguMjUzMS0yLjIxNmMtLjQwMjYtLjIwMi0uNzA0NS0uNDAzLTEuMTA3MS0uNzA1LTQuMjI3Mi0yLjkyMi03LjA0NTMtNy44NTgtNy4wNDUzLTEzLjM5OCAwLTkuMDY2NyA3LjM0NzItMTYuMzE5OCAxNi4zMDQ4LTE2LjMxOTggOS4xNTg5LS4xMDA4IDE2LjUwNjEgNy4yNTMxIDE2LjUwNjEgMTYuMzE5OHoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjY0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTExMi44MjUgNjUuNTg3MmMwIDQuNTMzMi0xLjgxMSA4LjU2MjctNC42MjkgMTEuNTg0OC0uMjAyLjMwMjItLjUwNC41MDM3LS44MDYuNzA1Mi0zLjAxOSAyLjgyMDYtNy4wNDUgNC41MzMyLTExLjQ3MzQgNC41MzMyLTMuNTIyNyAwLTYuODQ0LTEuMTA4Mi05LjU2MTUtMy4wMjIyLS44MDUyLS41MDM2LTEuNTA5Ny0xLjIwODgtMi4yMTQyLTEuODEzMi0zLjEyMDEtMy4wMjIxLTUuMDMyNC03LjI1MzEtNS4wMzI0LTExLjk4NzggMC05LjI2NzggNy41NDg2LTE2LjgyMyAxNi44MDgxLTE2LjgyMyA5LjM2MDQgMCAxNi45MDg0IDcuNTU1MiAxNi45MDg0IDE2LjgyM3oiIGZpbGw9IiNFOUYwRjgiLz48cGF0aCBkPSJNMTEyLjgyNSA2NS41ODcyYzAgNC45MzYxLTIuMTEzIDkuMjY3OC01LjQzNSAxMi4zOTA2LTMuMDE5IDIuODIwNy03LjA0NSA0LjUzMzItMTEuNDczNCA0LjUzMzItMy41MjI3IDAtNi44NDQtMS4xMDgxLTkuNTYxNS0zLjAyMjEtNC40Mjg1LTMuMDIyMS03LjI0NjYtOC4wNTktNy4yNDY2LTEzLjgwMSAwLTkuMjY3OCA3LjU0ODYtMTYuODIzMSAxNi44MDgxLTE2LjgyMzEgOS4yNTk0IDAgMTYuOTA4NCA3LjQ1NDUgMTYuOTA4NCAxNi43MjI0eiIgZmlsbD0iI0RDRTJGMCIvPjxwYXRoIGQ9Ik0xMDguMTk2IDc3LjE3MmMtLjIwMi4zMDIyLS41MDQuNTAzNy0uODA2LjcwNTItMy4wMTkgMi44MjA2LTcuMDQ1IDQuNTMzMi0xMS40NzM0IDQuNTMzMi0zLjUyMjYgMC02Ljg0NC0xLjEwODItOS41NjE0LTMuMDIyMi0uODA1Mi0uNTAzNi0xLjUwOTctMS4yMDg4LTIuMjE0My0xLjgxMzIuNDAyNi0uNTAzNyAxLjAwNjUtLjgwNTkgMi4zMTQ5LTEuMzA5NmwuNTAzMy0uMjAxNWMxLjAwNjQtLjQwMjkgMi40MTU1LS45MDY2IDQuMjI3MS0xLjcxMjUuMzAyLS4xMDA4LjUwMzMtLjMwMjIuNzA0Ni0uNTAzNy4xMDA2LS4xMDA3LjIwMTItLjIwMTUuMjAxMi0uNDAzLjEwMDctLjIwMTQuMjAxMy0uNTAzNi4yMDEzLS43MDUxdi0zLjQyNTFsLS4yMDEzLS4yMDE1Yy0uMzAxOS0uNDAyOS0uNTAzMi0uOTA2Ni0uNTAzMi0xLjUxMWwtLjIwMTMtLjEwMDdjLS45MDU4LjIwMTQtLjgwNTItLjcwNTItMS4wMDY0LTIuNTE4NS0uMTAwNy0uNzA1MS0uMDAwMS0uOTA2Ni40MDI1LTEuMDA3M2wuMzAyLS40MDNjLS42MDM5LTEuNDEwMy0uOTA1OC0yLjcxOTktLjkwNTgtMy43MjczIDAtMS43MTI1LjcwNDUtMi44MjA2IDEuNzExLTMuMzI0My0uNjAzOS0xLjIwODgtLjYwMzktMS42MTE4LS42MDM5LTEuNjExOHMzLjUyMjYuNjA0NCA0LjczMDQuNDAzYzEuNTA5Ny0uMzAyMiAzLjkyNTIuMTAwNyA0LjgzMDcgMi4xMTU0IDEuNTEuNjA0NSAyLjAxMyAxLjUxMTEgMi4yMTUgMi41MTg1LjIwMSAxLjYxMTgtLjcwNSAzLjMyNDMtLjkwNiA0LjAyOTV2LjEwMDdjLjIwMS4xMDA3LjMwMi4zMDIyLjIwMSAxLjAwNzQtLjIwMSAxLjcxMjUtLjIwMSAyLjcxOTktMS4wMDYgMi41MTg0bC0uODA2IDEuNDEwM2MwIC4yMDE1IDAgLjIwMTUtLjEuMzAyMnYzLjUyNThjMCAuMzAyMi4xLjcwNTIuMzAyLjkwNjcuMS4xMDA3LjEuMjAxNC4yMDEuMjAxNC4yMDEuMjAxNS40MDMuNDAzLjYwNC40MDMgMi4wMTMuODA1OSAzLjQyMiAxLjQxMDMgNC41MjkgMS44MTMyIDEuMDA2LjQwMyAxLjcxMS43MDUyIDIuMTE0IDEuMDA3NHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTA4LjE5NiA3Ny4xNzJjLS4yMDIuMzAyMi0uNTA0LjUwMzctLjgwNi43MDUyLTMuMDE5IDIuODIwNi03LjA0NSA0LjUzMzItMTEuNDczNCA0LjUzMzItMy41MjI2IDAtNi44NDQtMS4xMDgyLTkuNTYxNC0zLjAyMjItLjgwNTItLjUwMzYtMS41MDk3LTEuMjA4OC0yLjIxNDMtMS44MTMyLjQwMjYtLjUwMzcgMS4wMDY1LS44MDU5IDIuMzE0OS0xLjMwOTZsLjUwMzMtLjIwMTVjMS4wMDY0LS40MDI5IDIuNDE1NS0uOTA2NiA0LjIyNzEtMS43MTI1LjMwMi0uMTAwNy41MDMzLS4zMDIyLjcwNDYtLjUwMzcgMS4wMDY0IDEuNDEwMyAyLjYxNjggMi4zMTcgNC41MjkxIDIuMzE3IDEuODExNiAwIDMuNDIyLS45MDY3IDQuNDI4MS0yLjIxNjMuMjAyLjIwMTUuNDAzLjQwMy42MDQuNDAzIDIuMDEzLjgwNTkgMy40MjIgMS40MTAzIDQuNTI5IDEuODEzMyAxLjEwNy40MDI5IDEuODEyLjcwNTEgMi4yMTUgMS4wMDczeiIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyKSIvPjxwYXRoIGQ9Ik0xMDIuMDU2IDYzLjg3NDdjLjEwMS0uNDAyOS0uMTAxLTEuMDA3NC0uMzAyLTEuMzA5NiAwLS4xMDA3LS4xMDEtLjEwMDctLjEwMS0uMjAxNC0uNzA0LTEuNDEwNC0yLjIxMzgtMS45MTQtMy42MjI5LTIuMDE0OC0zLjcyMzktLjIwMTUtNC4wMjU4LjUwMzctNS4xMzMtLjUwMzcuNDAyNi41MDM3LjQwMjYgMS40MTA0LS4yMDEzIDIuNDE3Ny0uNDAyNS43MDUyLTEuMTA3MSAxLjEwODEtMS44MTE2IDEuMzA5Ni0xLjcxMS0zLjgyOC0uODA1Mi02LjI0NTcuODA1Mi03LjA1MTYtLjYwMzktMS4yMDg4LS42MDM5LTEuNjExOC0uNjAzOS0xLjYxMThzMy41MjI2LjYwNDQgNC43MzA0LjQwM2MxLjUwOTctLjMwMjIgMy45MjUyLjEwMDcgNC44MzExIDIuMTE1NCAxLjUxLjYwNDUgMi4wMTMgMS41MTExIDIuMjE0IDIuNTE4NS4zMDIgMS41MTEtLjYwNCAzLjIyMzYtLjgwNSAzLjkyODd6IiBmaWxsPSIjMUMzNzU0Ii8+PHBhdGggZD0iTTkyLjM5MzkgNzIuNzM5NnYtMy40MjUxbC0uMjAxMy0uMjAxNXYtLjIwMTRjLjIwMTMuMzAyMi40MDI2LjYwNDQuNzA0Ni44MDU5bDIuNzE3NCAxLjkxNGMuNjAzOS41MDM3IDEuNTA5Ny41MDM3IDIuMTEzNiAwbDIuNTE1OC0yLjIxNjJjLjEwMS0uMTAwOC4yMDItLjEwMDguMzAyLS4yMDE1djMuNTI1OGMwIC4yMDE1IDAgLjMwMjIuMTAxLjUwMzdoLTguMjUzMWMtLjEwMDYtLjIwMTUgMC0uMzAyMiAwLS41MDM3eiIgZmlsbD0idXJsKCNwYWludDVfbGluZWFyKSIvPjxwYXRoIGQ9Ik0xMTIuODI1IDY1LjU4NzJjMCA0LjkzNjEtMi4xMTMgOS4yNjc4LTUuNDM1IDEyLjM5MDYtMy4wMTkgMi44MjA3LTcuMDQ1IDQuNTMzMi0xMS40NzM0IDQuNTMzMi0zLjUyMjcgMC02Ljg0NC0xLjEwODEtOS41NjE1LTMuMDIyMS00LjQyODUtMy4wMjIxLTcuMjQ2Ni04LjA1OS03LjI0NjYtMTMuODAxIDAtOS4yNjc4IDcuNTQ4Ni0xNi44MjMxIDE2LjgwODEtMTYuODIzMSA5LjI1OTQgMCAxNi45MDg0IDcuNDU0NSAxNi45MDg0IDE2LjcyMjR6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS42NjA0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0wIDc3LjI3MjdjMCAzLjIyMzYgMi42MTY4MiA1Ljg0MjggNS44Mzc1MyA1Ljg0MjhINTcuNTcwMWMuNTAzMiAwIDEuMDA2NS4yMDE1IDEuMzA4NC41MDM3bDcuMjQ2NiA3LjI1M2MuMjAxMy4zMDIzLjYwMzkuNDAzIDEuMDA2NS4yMDE1LjMwMTktLjEwMDcuNjAzOS0uNTAzNy42MDM5LS44MDU5VjU2LjcyMjRjMC0zLjIyMzYtMi42MTY5LTUuODQyOC01LjgzNzYtNS44NDI4SDUuODM3NTNDMi42MTY4MiA1MC44Nzk2IDAgNTMuNDk4OCAwIDU2LjcyMjR2MjAuNTUwM3oiIGZpbGw9IiNENkRFRUYiLz48cGF0aCBvcGFjaXR5PSIuNyIgZD0iTTU1LjA1NCA2My45NzU0SDEwLjU2OGMtLjQwMjYgMC0uODA1MTgtLjQwMjktLjgwNTE4LS44MDU5di0yLjYxOTFjMC0uNDAzLjQwMjU4LS44MDU5LjgwNTE4LS44MDU5aDQ0LjQ4NmMuNDAyNiAwIC44MDUyLjQwMjkuODA1Mi44MDU5djIuNjE5MWMwIC41MDM3LS4zMDIuODA1OS0uODA1Mi44MDU5eiIgZmlsbD0idXJsKCNwYWludDZfbGluZWFyKSIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMzcuOTQ0IDc0Ljk1NThIMTAuNTY4Yy0uNDAyNiAwLS44MDUxOC0uNDAzLS44MDUxOC0uODA1OXYtMi42MTkyYzAtLjQwMjkuNDAyNTgtLjgwNTkuODA1MTgtLjgwNTloMjcuMzc2Yy40MDI2IDAgLjgwNTIuNDAzLjgwNTIuODA1OXYyLjYxOTJjMCAuNTAzNy0uMzAyLjgwNTktLjgwNTIuODA1OXoiIGZpbGw9InVybCgjcGFpbnQ3X2xpbmVhcikiLz48ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+PHBhdGggZD0iTTQzLjA3NyAzMC42MzE1YzAgMi4zMTY5IDEuOTEyMyA0LjIzMDkgNC4yMjcxIDQuMjMwOUg2MC4xODdjLjQwMjUgMCAuNzA0NS4xMDA4IDEuMDA2NC40MDNsNS4zMzQzIDUuMzM5Yy4yMDEzLjIwMTUuNTAzMy4zMDIyLjcwNDYuMjAxNS4yMDEzLS4xMDA3LjQwMjUtLjMwMjIuNDAyNS0uNjA0NFYxNS41MjA5YzAtMi4zMTctMS45MTIzLTQuMjMxLTQuMjI3MS00LjIzMUg0Ny4zMDQxYy0yLjMxNDggMC00LjIyNzEgMS45MTQtNC4yMjcxIDQuMjMxdjE1LjExMDZ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Ik0xNDAgMzcuNjgzMWMwIDIuOTIxNC0yLjMxNSA1LjIzODMtNS4yMzQgNS4yMzgzSDg4LjI2NzRjLS40MDI2IDAtLjkwNTguMjAxNS0xLjIwNzguNTAzN2wtNi41NDIgNi41NDc5Yy0uMjAxMy4yMDE1LS42MDM5LjMwMjItLjkwNTguMjAxNS0uMzAyLS4xMDA4LS41MDMzLS40MDMtLjUwMzMtLjcwNTJWMTkuMjQ4MmMwLTIuOTIxNCAyLjMxNDktNS4yMzgzIDUuMjMzNy01LjIzODNoNTAuMzIzOGMyLjkxOCAwIDUuMjMzIDIuMzE2OSA1LjIzMyA1LjIzODN2MTguNDM0OUgxNDB6IiBmaWxsPSIjRDZERUVGIi8+PHBhdGggb3BhY2l0eT0iLjciIGQ9Ik0xMjkuNjMzIDI1Ljc5NjFIODkuNjc2NWMtLjQwMjYgMC0uNzA0Ni0uMzAyMi0uNzA0Ni0uNzA1MnYtMi40MTc3YzAtLjQwMjkuMzAyLS43MDUxLjcwNDYtLjcwNTFoMzkuOTU2NWMuNDAzIDAgLjcwNS4zMDIyLjcwNS43MDUxdjIuNDE3N2MwIC40MDMtLjMwMi43MDUyLS43MDUuNzA1MnoiIGZpbGw9InVybCgjcGFpbnQ4X2xpbmVhcikiLz48cGF0aCBvcGFjaXR5PSIuNyIgZD0iTTExNC4zMzUgMzUuNjY4M0g4OS42NzY0Yy0uNDAyNSAwLS43MDQ1LS4zMDIyLS43MDQ1LS43MDUxdi0yLjQxNzdjMC0uNDAzLjMwMi0uNzA1Mi43MDQ1LS43MDUyaDI0LjY1ODZjLjQwMyAwIC43MDUuMzAyMi43MDUuNzA1MnYyLjQxNzdjMCAuMzAyMi0uNDAzLjcwNTEtLjcwNS43MDUxeiIgZmlsbD0idXJsKCNwYWludDlfbGluZWFyKSIvPjxwYXRoIGQ9Ik02MC45OTIgMjAuNDU3Yy0xLjIwNzctMi4wMTQ3LTQuMTI2NS0yLjMxNjktNS42MzYyLS40MDI5LTEuNTA5Ny0xLjkxNC00LjQyODUtMS42MTE4LTUuNjM2Mi40MDI5LTEuMDA2NSAxLjcxMjYtLjMwMiAzLjMyNDQgMS4wMDY1IDQuOTM2MiAxLjMwODQgMS42MTE3IDMuMjIwNyAzLjAyMjEgNC4xMjY1IDMuNTI1Ny4yMDEzLjEwMDguMzAxOS4xMDA4LjUwMzIuMTAwOC4yMDEzIDAgLjQwMjYgMCAuNTAzMy0uMTAwOC45MDU4LS42MDQ0IDIuODE4MS0xLjkxNCA0LjEyNjUtMy41MjU3IDEuMzA4NC0xLjYxMTggMi4xMTM2LTMuMjIzNiAxLjAwNjQtNC45MzYyeiIgZmlsbD0idXJsKCNwYWludDEwX2xpbmVhcikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIxMy4wODgxIiB5MT0iMjUuOTk4NyIgeDI9IjE2LjQxNCIgeTI9IjI1Ljk5ODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2NkE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSI5NC40NDg0IiB5MT0iNS41NjM1NCIgeDI9Ijk3LjU3MjciIHkyPSI1LjU2MzU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzgzQTZGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVBNzhGRiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4MT0iNDEuODc0NiIgeTE9IjExNy4zMTIiIHgyPSI2Mi4yODI0IiB5Mj0iMTE3LjMxMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjY2QTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhciIgeDE9IjUxLjM2ODEiIHkxPSIxMTIuODYyIiB4Mj0iNTEuMzY4MSIgeTI9IjExMS42NDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuOTkxMyIgc3RvcC1jb2xvcj0iI0Q2REVFQSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyIiB4MT0iODQuMjAzOCIgeTE9Ijc4LjEyMTciIHgyPSIxMDguMjAyIiB5Mj0iNzguMTIxNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM4M0E2RkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QTc4RkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ1X2xpbmVhciIgeDE9Ijk2LjQwMzUiIHkxPSI3My4xMDg0IiB4Mj0iOTYuNDAzNSIgeTI9IjcwLjgzOTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuOTkxMyIgc3RvcC1jb2xvcj0iI0Q2REVFQSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDZfbGluZWFyIiB4MT0iNTcuMDg2NiIgeTE9IjYxLjg5NCIgeDI9IjEwLjEzOTgiIHkyPSI2MS44OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMDY1MSIgc3RvcC1jb2xvcj0iIzlDQTZCRCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTI5RUJEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50N19saW5lYXIiIHgxPSI0MS4xNjU3IiB5MT0iNzIuODUwMiIgeDI9IjkuMzIwMTciIHkyPSI3Mi44NTAyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIuMDA2NTEiIHN0b3AtY29sb3I9IiM5Q0E2QkQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkyOUVCRCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDhfbGluZWFyIiB4MT0iMTMxLjQ0NCIgeTE9IjIzLjg3MTEiIHgyPSI4OS4yNjM2IiB5Mj0iMjMuODcxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjAwNjUxIiBzdG9wLWNvbG9yPSIjOUNBNkJEIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5MjlFQkQiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ5X2xpbmVhciIgeDE9IjExNy4xMzkiIHkxPSIzMy43MTQ4IiB4Mj0iODguNTI3MiIgeTI9IjMzLjcxNDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMDY1MSIgc3RvcC1jb2xvcj0iIzlDQTZCRCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTI5RUJEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTBfbGluZWFyIiB4MT0iNDkuMjQwNSIgeTE9IjIzLjg3MTEiIHgyPSI2MS41MDY2IiB5Mj0iMjMuODcxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjY2QTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMjEuMDc3IiB5PSIuMjg5OTQiIHdpZHRoPSI2OC41NTc5IiBoZWlnaHQ9IjczLjU1NTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldCBkeT0iMTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjM5NzcwOCAwIDAgMCAwIDAuNDc3NDkgMCAwIDAgMCAwLjU3NSAwIDAgMCAwLjE4IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+');
}

.nice-dark-mode .svg-nocomment {
    opacity: .6;
    display: block;
    width: 128px;
    height: 128px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTQwIDEyMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojMTQxNDE3fS5zdDN7ZmlsbDojNDc0ZTYxfS5zdDR7ZmlsbDojN2E4M2EwfS5zdDd7ZmlsbDojMzMzODQ2fS5zdDEze2ZpbGw6IzUyNWM3M308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03MS44IDEwNS43YzI3LjYgMCA1MC0yMi40IDUwLTUwLjFzLTIyLjQtNTAtNTAtNTAtNTAgMjIuNC01MCA1MC4xIDIyLjMgNTAgNTAgNTB6TTExMS45IDExLjhjMi4xIDAgMy44LTEuNyAzLjgtMy44IDAtMi4xLTEuNy0zLjgtMy44LTMuOC0yLjEgMC0zLjggMS43LTMuOCAzLjggMCAyLjEgMS43IDMuOCAzLjggMy44ek0yNi4yIDIxLjNjMS40IDAgMi41LTEuMSAyLjUtMi41cy0xLjEtMi41LTIuNS0yLjUtMi41IDEuMS0yLjUgMi41YzAgMS4zIDEuMSAyLjUgMi41IDIuNXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEzLjA4OCIgeTE9Ijk3Ljg5MiIgeDI9IjE2LjQxNCIgeTI9Ijk3Ljg5MiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEyMy44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmNjZhOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y1MzY4OSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTE0LjggMjcuN2MuOSAwIDEuNy0uOCAxLjctMS43IDAtLjktLjgtMS43LTEuNy0xLjctLjkgMC0xLjcuOC0xLjcgMS43IDAgLjkuOCAxLjcgMS43IDEuN3oiIGZpbGw9InVybCgjU1ZHSURfMV8pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5NC40NDgiIHkxPSIxMTguMjc4IiB4Mj0iOTcuNTczIiB5Mj0iMTE4LjI3OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEyMy44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzgzYTZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVhNzhmZiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTk2IDcuMmMuOSAwIDEuNi0uNyAxLjYtMS42Uzk2LjkgNCA5NiA0Yy0uOSAwLTEuNi43LTEuNiAxLjZzLjcgMS42IDEuNiAxLjZ6IiBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02Ny41IDEwNS43YzAgNC43LTIgOS01LjIgMTItLjkuOC0xLjggMS41LTIuOSAyLjEtMi40IDEuNC01LjIgMi4yLTguMyAyLjItMyAwLTUuOC0uOC04LjMtMi4yLS40LS4yLS43LS40LTEuMS0uNy00LjItMi45LTctNy45LTctMTMuNCAwLTkuMSA3LjMtMTYuMyAxNi4zLTE2LjMgOS4yLS4xIDE2LjUgNy4yIDE2LjUgMTYuM3oiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNDcuOCAxMDkuM2MuMi4yLjQuNS43LjcuMi4yLjQuMy42LjUuMS4xLjMuMi40LjMgMCAwIC4xIDAgLjEuMWwuMS4xdjEuNGwtLjEtLjFjLS4xLS4xLS4zLS4yLS40LS4zLS4yLS4xLS40LS4zLS42LS40LS4xIDAtLjEtLjEtLjItLjEtLjctLjQtMS4zLS44LTEuMy0xLjMuMS0uMi4zLS41LjctLjl6bTE0LjMgNy45Yy0uNi0xLjMtMS43LTIuNi0zLjEtMy4zLS43LS4zLTEuNS0uNi0yLjMtLjZoLTFjLTEuMS0uMS0xLjItLjMtMS4yLS4zdi0yLjNjLjctLjYgMS40LTEuMyAyLTIgLjUtLjcuOS0xLjUgMS4xLTIuNS45LS4yIDEuNS0xIDEuNC0yIDAtLjQtLjMtLjgtLjMtMS4ydi0uNi0uNGMwLS4xLTEtLjMtMS0uNC0uMS0uNy0uMy0xLjQtLjctMi4yLTEuMi0yLjItMi40LTMuNi01LTMuNi0uNSAwLTEgLjEtMS41LjItLjkuMi0xLjguNi0yLjUgMS4yLS4xLjEtLjMuMi0uNC40bC0uMS4xYy0uOC44LTEuNSAxLjctMS44IDIuOC0uNCAxLjEtLjQgMi4yLS4zIDMuM3YuMmMwIC4yLjEuMiAwIC4zIDAgLjEtLjEuMS0uMS4yLS4yLjMtLjMuNy0uMSAxLjMuNCAxIDEgLjkgMS43IDEuNCAwIDAtLjEgMC0uMS4xbC0uNy4yYy0zLjIgMS00LjMgMy43LTIuOSA1LjQuNS42IDEuMyAxLjEgMi41IDEuNC0uMyAwLS42LjItLjguNC0xLjQgMS4xLTIuMyAyLjgtMi41IDQuNHYuM2MuNC4yLjcuNSAxLjEuN2gxNmMxLS42IDItMS4zIDIuOS0yLjEtLjItLjUtLjItLjctLjMtLjh6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MS44NzQiIHkxPSI2LjYyNSIgeDI9IjYyLjI4MiIgeTI9IjYuNjI1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTIzLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNjIuMyAxMTcuN2MtLjkuOC0xLjggMS41LTIuOSAyLjEtMi40IDEuNC01LjIgMi4yLTguMyAyLjItMyAwLTUuOC0uOC04LjMtMi4yLS40LS4yLS43LS40LTEuMS0uN3YtLjNjLjItMS42IDEuMS0zLjMgMi41LTQuNC4yLS4yLjUtLjMuOC0uNC0xLjItLjItMi0uNy0yLjUtMS40aDMuOGMxLjEgMS41IDIuOCAyLjQgNC44IDIuNCAxLjcgMCAzLjItLjcgNC4zLTEuOGgxYy44IDAgMS42LjIgMi4zLjYgMS40LjcgMi40IDEuOSAzLjEgMy4zLjQuMi40LjQuNS42eiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUxLjM4IiB5MT0iMTAuODciIHgyPSI1MS4zOCIgeTI9IjEyLjIwMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEyMy44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhODNhMCIvPjxzdG9wIG9mZnNldD0iLjk5MSIgc3RvcC1jb2xvcj0iIzU4NjE3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTU0LjYgMTEwLjZ2Mi4xbC02LjMuMi4zLTEuNGMuMSAwIC4xLjEuMi4xLjIuMS40LjMuNi40LjEuMS4yLjIuNC4zIDAgMCAuMSAwIC4xLjFWMTExbC0uMS0uMWMxIC42IDIuNSAxIDQuOC0uM3oiIGZpbGw9InVybCgjU1ZHSURfNF8pIi8+PHBhdGggY2xhc3M9InN0NyIgZD0iTTU4LjcgMTAxLjljLTEuMi40LTIuNi42LTMuOS41LTIuMS0uMi00LjEtMS01LjctMi40LS41IDEuNS0xLjggMi42LTMuMyAzLjMtLjIuMS0uNC4yLS42LjJ2LS4xYy0uMS0xLjEtLjEtMi4yLjMtMy4zLjMtMS4xIDEtMiAxLjgtMi44bC4xLS4xYy4xLS4xLjMtLjIuNC0uNC43LS42IDEuNi0xIDIuNS0xLjIuNS0uMSAxLS4yIDEuNS0uMiAyLjYgMCA0LjkgMS40IDYgMy42LjQuOC42IDEuNi43IDIuMi4yLjMuMi42LjIuN3pNNTAuNiAxMTYuOGMtLjYuNy0xLjYuNy0yLjUuNy45LS45LjQtMy44LTIuOC0zLjUtNC40LS44LTQtNS40LjQtNi44bC43LS4yLjEuMWMuMy45LjggMS43IDEuMyAyLjMtMS44IDEuNS43IDEuOSAxLjkgMy4xIDEgLjUgMS45IDMuMS45IDQuM3oiLz48cGF0aCBkPSJNNjcuNSAxMDUuN2MwIDQuNy0yIDktNS4yIDEyLS45LjgtMS44IDEuNS0yLjkgMi4xLTIuNCAxLjQtNS4yIDIuMi04LjMgMi4yLTMgMC01LjgtLjgtOC4zLTIuMi0uNC0uMi0uNy0uNC0xLjEtLjctNC4yLTIuOS03LTcuOS03LTEzLjQgMC05LjEgNy4zLTE2LjMgMTYuMy0xNi4zIDkuMi0uMSAxNi41IDcuMiAxNi41IDE2LjN6IiBmaWxsPSJub25lIiBzdHJva2U9IiM1ODYxNzgiIHN0cm9rZS13aWR0aD0iMS42NDMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PHBhdGggZD0iTTExMi44IDY1LjZjMCA0LjUtMS44IDguNi00LjYgMTEuNi0uMi4zLS41LjUtLjguNy0zIDIuOC03IDQuNS0xMS41IDQuNS0zLjUgMC02LjgtMS4xLTkuNi0zLS44LS41LTEuNS0xLjItMi4yLTEuOC0zLjEtMy01LTcuMy01LTEyIDAtOS4zIDcuNS0xNi44IDE2LjgtMTYuOCA5LjQgMCAxNi45IDcuNSAxNi45IDE2Ljh6IiBmaWxsPSIjZTlmMGY4Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTExMi44IDY1LjZjMCA0LjktMi4xIDkuMy01LjQgMTIuNC0zIDIuOC03IDQuNS0xMS41IDQuNS0zLjUgMC02LjgtMS4xLTkuNi0zLTQuNC0zLTcuMi04LjEtNy4yLTEzLjggMC05LjMgNy41LTE2LjggMTYuOC0xNi44czE2LjkgNy40IDE2LjkgMTYuN3oiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTA4LjIgNzcuMmMtLjIuMy0uNS41LS44LjctMyAyLjgtNyA0LjUtMTEuNSA0LjUtMy41IDAtNi44LTEuMS05LjYtMy0uOC0uNS0xLjUtMS4yLTIuMi0xLjguNC0uNSAxLS44IDIuMy0xLjNsLjUtLjJjMS0uNCAyLjQtLjkgNC4yLTEuNy4zLS4xLjUtLjMuNy0uNS4xLS4xLjItLjIuMi0uNC4xLS4yLjItLjUuMi0uN3YtMy40bC0uMi0uMmMtLjMtLjQtLjUtLjktLjUtMS41bC0uMi0uMWMtLjkuMi0uOC0uNy0xLTIuNS0uMS0uNyAwLS45LjQtMWwuMy0uNGMtLjYtMS40LS45LTIuNy0uOS0zLjcgMC0xLjcuNy0yLjggMS43LTMuMy0uNi0xLjItLjUtMS4zLS41LTEuM3MzLjUuNiA0LjcuNGMxLjUtLjMgMi44LS4yIDMuNyAxLjggMS41LjYgMiAxLjUgMi4yIDIuNS4yIDEuNi4zIDMuMy4xIDR2LjFjLjIuMS4zLjMuMiAxLS4yIDEuNy0uMiAyLjctMSAyLjVsLS44IDEuNGMwIC4yIDAgLjItLjEuM3YzLjVjMCAuMy4xLjcuMy45LjEuMS4xLjIuMi4yLjIuMi40LjQuNi40IDIgLjggMy40IDEuNCA0LjUgMS44IDEuMi40IDEuOS43IDIuMyAxeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODQuMjA0IiB5MT0iNDUuNzYxIiB4Mj0iMTA4LjIwMiIgeTI9IjQ1Ljc2MSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEyMy44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzgzYTZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVhNzhmZiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTEwOC4yIDc3LjJjLS4yLjMtLjUuNS0uOC43LTMgMi44LTcgNC41LTExLjUgNC41LTMuNSAwLTYuOC0xLjEtOS42LTMtLjgtLjUtMS41LTEuMi0yLjItMS44LjQtLjUgMS0uOCAyLjMtMS4zbC41LS4yYzEtLjQgMi40LS45IDQuMi0xLjcuMy0uMS41LS4zLjctLjUgMSAxLjQgMi42IDIuMyA0LjUgMi4zIDEuOCAwIDMuNC0uOSA0LjQtMi4yLjIuMi40LjQuNi40IDIgLjggMy40IDEuNCA0LjUgMS44IDEuMy40IDIgLjcgMi40IDF6IiBmaWxsPSJ1cmwoI1NWR0lEXzVfKSIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0xMDIuMSA2NGMuMS0uNC0uMS0xLS4zLTEuMyAwLS4xLS4xLS4xLS4xLS4yLS43LTEuNC0yLjItMS45LTMuNi0yLTMuNy0uMi00IC41LTUuMS0uNS40LjUuNCAxLjQtLjIgMi40LS40LjctMS4xIDEuMS0xLjggMS4zLTEuNy0zLjgtLjgtNi4zLjgtNy4xLS42LTEuMi0uNi0xLjYtLjYtMS42czMuNS42IDQuNy40YzEuNS0uMyAzLjkuMSA0LjggMi4xIDEuNS42IDIgMS41IDIuMiAyLjUuMyAxLjUtLjYgMy4zLS44IDR6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5Ni40MiIgeTE9IjUwLjQ4NSIgeDI9Ijk2LjQyIiB5Mj0iNTIuOTc0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTIzLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2E4M2EwIi8+PHN0b3Agb2Zmc2V0PSIuOTkxIiBzdG9wLWNvbG9yPSIjNTg2MTdkIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNOTIuNCA3Mi43di0zLjRsLS4yLS4ydi0uMmMuMi4zLjQuNi43LjhsMi43IDEuOWMuNi41IDEuNS41IDIuMSAwbDIuNS0yLjJjLjEtLjEuMi0uMS4zLS4ydjMuNWMwIC4yIDAgLjMuMS41aC04LjNjMC0uMi4xLS4zLjEtLjV6IiBmaWxsPSJ1cmwoI1NWR0lEXzZfKSIvPjxwYXRoIGQ9Ik0xMTIuOCA2NS42YzAgNC45LTIuMSA5LjMtNS40IDEyLjQtMyAyLjgtNyA0LjUtMTEuNSA0LjUtMy41IDAtNi44LTEuMS05LjYtMy00LjQtMy03LjItOC4xLTcuMi0xMy44IDAtOS4zIDcuNS0xNi44IDE2LjgtMTYuOHMxNi45IDcuNCAxNi45IDE2Ljd6IiBmaWxsPSJub25lIiBzdHJva2U9IiM1ODYxNzgiIHN0cm9rZS13aWR0aD0iMS42NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBjbGFzcz0ic3QxMyIgZD0iTTAgNzcuM2MwIDMuMiAyLjYgNS44IDUuOCA1LjhoNTEuN2MuNSAwIDEgLjIgMS4zLjVsNy4yIDcuM2MuMi4zLjYuNCAxIC4yLjMtLjEuNi0uNS42LS44VjU2LjdjMC0zLjItMi42LTUuOC01LjgtNS44aC01NmMtMy4yIDAtNS44IDIuNi01LjggNS44djIwLjZ6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1Ny4wODciIHkxPSI2Mi4wMyIgeDI9IjEwLjE0IiB5Mj0iNjIuMDMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMjMuODkpIj48c3RvcCBvZmZzZXQ9Ii4wMDciIHN0b3AtY29sb3I9IiM5Y2E2YmQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkyOWViZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTU1LjEgNjRIMTAuNmMtLjQgMC0uOC0uNC0uOC0uOHYtMi42YzAtLjQuNC0uOC44LS44aDQ0LjVjLjQgMCAuOC40LjguOHYyLjZjMCAuNS0uMy44LS44Ljh6IiBvcGFjaXR5PSIuNyIgZmlsbD0idXJsKCNTVkdJRF83XykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQxLjE2NiIgeTE9IjUxLjA1IiB4Mj0iOS4zMiIgeTI9IjUxLjA1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTIzLjg5KSI+PHN0b3Agb2Zmc2V0PSIuMDA3IiBzdG9wLWNvbG9yPSIjOWNhNmJkIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5MjllYmQiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0zNy45IDc1SDEwLjZjLS40IDAtLjgtLjQtLjgtLjh2LTIuNmMwLS40LjQtLjguOC0uOEgzOGMuNCAwIC44LjQuOC44djIuNmMtLjEuNS0uNC44LS45Ljh6IiBvcGFjaXR5PSIuNyIgZmlsbD0idXJsKCNTVkdJRF84XykiLz48cGF0aCBkPSJNNDMuMSAzMC42YzAgMi4zIDEuOSA0LjIgNC4yIDQuMmgxMi45Yy40IDAgLjcuMSAxIC40bDUuMyA1LjNjLjIuMi41LjMuNy4ycy40LS4zLjQtLjZWMTUuNWMwLTIuMy0xLjktNC4yLTQuMi00LjJINDcuM2MtMi4zIDAtNC4yIDEuOS00LjIgNC4ydjE1LjF6IiBmaWxsPSIjNTg2MTc4Ii8+PHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0xNDAgMzcuN2MwIDIuOS0yLjMgNS4yLTUuMiA1LjJIODguM2MtLjQgMC0uOS4yLTEuMi41TDgwLjUgNTBjLS4yLjItLjYuMy0uOS4yLS4zLS4xLS41LS40LS41LS43VjE5LjJjMC0yLjkgMi4zLTUuMiA1LjItNS4yaDUwLjNjMi45IDAgNS4yIDIuMyA1LjIgNS4ydjE4LjRoLjJ6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF85XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzEuNDQ0IiB5MT0iMTAwLjAwOCIgeDI9Ijg5LjI2NCIgeTI9IjEwMC4wMDgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMjMuODkpIj48c3RvcCBvZmZzZXQ9Ii4wMDciIHN0b3AtY29sb3I9IiM5Y2E2YmQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkyOWViZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTEyOS42IDI1LjhoLTQwYy0uNCAwLS43LS4zLS43LS43di0yLjRjMC0uNC4zLS43LjctLjdoNDBjLjQgMCAuNy4zLjcuN3YyLjRjMCAuNC0uMy43LS43Ljd6IiBvcGFjaXR5PSIuNyIgZmlsbD0idXJsKCNTVkdJRF85XykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMTcuMTM5IiB5MT0iOTAuMTM2IiB4Mj0iODguNTI3IiB5Mj0iOTAuMTM2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTIzLjg5KSI+PHN0b3Agb2Zmc2V0PSIuMDA3IiBzdG9wLWNvbG9yPSIjOWNhNmJkIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5MjllYmQiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0xMTQuMyAzNS43SDg5LjdjLS40IDAtLjctLjMtLjctLjd2LTIuNGMwLS40LjMtLjcuNy0uN2gyNC43Yy40IDAgLjcuMy43LjdWMzVjLS4xLjMtLjUuNy0uOC43eiIgb3BhY2l0eT0iLjciIGZpbGw9InVybCgjU1ZHSURfMTBfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ5LjI0MiIgeTE9Ijk5Ljk5NSIgeDI9IjYxLjUxNCIgeTI9Ijk5Ljk5NSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDEyMy44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmNjZhOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y1MzY4OSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTYxIDIwLjVjLTEuMi0yLTQuMS0yLjMtNS42LS40LTEuNS0xLjktNC40LTEuNi01LjYuNC0xIDEuNy0uMyAzLjMgMSA0LjkgMS4zIDEuNiAzLjIgMyA0LjEgMy41LjIuMS4zLjEuNS4xcy40IDAgLjUtLjFjLjktLjYgMi44LTEuOSA0LjEtMy41IDEuMy0xLjYgMi4xLTMuMiAxLTQuOXoiIGZpbGw9InVybCgjU1ZHSURfMTFfKSIvPjwvc3ZnPg==');
}

.svg-notice {
    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==');
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .svg-entry {
        width: 64px;
        height: 64px;
    }
}

@media (max-width: 767.98px) {
    .svg-entry {
        width: 81px;
        height: 81px;
    }

    .svg-notice {
        width: 18px;
        height: 18px;
    }
}


/* Loading Circle Rotation */

.loading-spinners {
    position: relative;
    display: none;
    width: 32px;
    height: 32px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top: 4px solid var(--bg-dark);
    border-radius: 50%;
    margin: 20px auto;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
}

.loading-spinners.spinners-sm {
    width: 24px;
    height: 24px;
    border-width: 3px;
    margin: 0 auto;
}

.btn .loading-spinners {
    display: block;
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}