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

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

@media (max-width: 767.98px) {

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

.badge-pay {
    color: #a0701f;
    background: var(--bg-danger);
    background: linear-gradient(45deg, #ffe9b0, #ffd462);
}

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

.list-item .badge-pay,
.list-item .badge-locked,
.list-item .badge-sticky {
    position: absolute;
    right: 10px;
    top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

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

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

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

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

.badge-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.2;
}

.badge-outline-sticky {
    color: var(--color-danger);
    border-width: 1px;
    border-style: solid;
    border-color: var(--outline-danger);
}

.badge-outline-tag {
    color: var(--color-primary);
    border-width: 1px;
    border-style: solid;
    border-color: var(--outline-primary);
}

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

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

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

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

.signin-dropdown {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card-body {
    padding: 1.25rem;
}

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

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

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

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

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

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

    .card-body {
        padding: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-grouped .list-item.block .list-title {
    font-weight: normal;
}


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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-overlay.overlay-bottom .list-content {
    top: auto;
    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: 0.75rem 0.875rem;
    }

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

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

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

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

.custom-hover {
    position: relative;
}

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

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

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

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

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

@media (max-width: 991.98px) {

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: scale(1.3);
    }
}

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

    to {
        transform: scale(1.3);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        left: 125%;
    }
}

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

    100% {
        left: 125%;
    }
}

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

.navbar-site li {
    position: relative;
    display: block;
    flex-shrink: 0;
    margin: 0 1.5rem 0 0;
}

.navbar-site li a {
    position: relative;
    display: block;
    font-size: 1rem;
    padding: .875rem 0;
}

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

.navbar-site li:last-child a {
    margin: 0;
}

@media (min-width: 992px) {
    .navbar-site > 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(--border-radius-lg);
        margin: 0 auto;
        opacity: 1;
    }
}

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

.site-navbar.fixed-top .navbar-submenu > li > a:hover,
.site-navbar.fixed-top .navbar-submenu > li > a:focus {
    background-color: transparent;
    border-color: transparent;
}

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

.navbar-site li ul {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 13.5rem;
    margin-top: -1rem;
    padding: 0.5rem 0;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    box-shadow: 0 4px 25px 0 var(--shadow-2);
    border-radius: var(--border-radius-sm);
    transition: all 0.3s ease 0s;
    z-index: 99;
}

.navbar-site li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.navbar-site li ul li {
    position: relative;
    display: block;
    margin: 0;
}

.navbar-site li ul li:last-child {
    border: 0;
}

.navbar-site li ul li a {
    display: block;
    padding: 0.5rem 1.25rem;
    margin: 0;
}

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

.navbar-site li ul li ul {
    left: 101%;
    opacity: 0;
    top: -0.5rem;
    visibility: hidden;
}

@media (max-width: 991.98px) {
    .navbar-site li {
        margin: 0.5rem 0;
    }

    .navbar-site li a {
        margin: 0;
    }

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

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

/*--------------------------------------------------------------
Navbar has children style
--------------------------------------------------------------*/
.navbar-site li.menu-item-has-children {
    margin-right: 2rem;
}

.navbar-site li.menu-item-has-children .menu-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    height: 3px;
    width: 6px;
    opacity: 0.3;
    transition: all 0.3s ease;
    transform: translate(175%, -50%) rotate(0deg);
}

.navbar-site li.menu-item-has-children > a .menu-arrow:after {
    content: "";
    position: relative;
    display: block;
    top: -2px;
    height: 6px;
    width: 6px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(315deg);
    transition: all 0.2s;
}

.navbar-site li.menu-item-has-children > a:hover .menu-arrow:after {
    top: 0;
    transform: rotate(135deg);
}

.navbar-site li ul li.menu-item-has-children {
    margin-right: 0;
}

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

.navbar-site li ul li.menu-item-has-children > a .menu-arrow:after {
    top: 0;
    transform: rotate(315deg);
}

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

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

/*--------------------------------------------------------------
Site main style
--------------------------------------------------------------*/

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

@media (max-width: 767.98px) {

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

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

.list-topic .h5 {
    position: relative;
    padding: 0 1.75rem;
    line-height: 1;
    border-radius: var(--border-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);
    transition: 0.3s ease-out;
    transform: translate(0%, 0%);
    opacity: 1;
}

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

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

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

.list-topic:hover .h5::before {
    left: 0.5rem;
    opacity: 1;
    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: 0.75rem;
    height: 1px;
    background: var(--bg-light);
    transition: 0.3s ease-out;
    transform: translate(0%, 0%);
    z-index: 1;
    opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
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;
    }
}

/*--------------------------------------------------------------
    index cat column
--------------------------------------------------------------*/
.index-cat-column .item {
    position: relative;
    overflow: hidden;
}

.index-cat-column .item .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
    color: #fff;
    z-index: 2;
}

.index-cat-column .item .item-content .text-sm {
    transition: all .3s ease-in-out
}

.index-cat-column .item:hover .item-content .text-sm {
    transform: scale(1.1)
}

@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))) {
    .index-cat-column .item:hover .item-content {
        -webkit-backdrop-filter: saturate(120%) blur(5px);
        backdrop-filter: saturate(120%) blur(5px);
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: inherit;
    }
}

/*--------------------------------------------------------------
Index magazine style
--------------------------------------------------------------*/

.index-magazine {
    position: relative;
    padding: 2.5rem 0;
}

.index-magazine .magazine-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-light);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index-magazine .magazine-content {
    position: relative;
}

.index-magazine .magazine-content .item {
    position: relative;
}

.index-magazine .magazine-content .item .item-content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: .75rem 1rem;
}

.index-magazine .magazine-content .item .item-goto {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

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

.index-magazine.magazine-fixed .bg-magazine {
    opacity: 0.2;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transform: scale(1.1);
}

.index-magazine.magazine-fixed .bg-image-color {
    opacity: 0.6;
}

@media (max-width: 767.98px) {
    .index-magazine {
        position: relative;
        overflow: hidden;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .index-magazine .magazine-content .item .item-content {
        padding: .5rem;
    }

    .index-magazine .magazine-content .item .item-title {
        font-size: .625rem;
    }

    .index-magazine .magazine-content .item.big .item-content {
        padding: .75rem 1rem;
    }

    .index-magazine .magazine-content .item.big .item-title {
        font-size: 1rem;
    }

}

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

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

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

/*--------------------------------------------------------------
Index category style
--------------------------------------------------------------*/

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

.index-category-grid.bg-white .list-grid.list-grid-padding .list-item,
.index-category-grid.bg-white .list-grouped .list-item {
    border: 1px solid var(--border-light)
}

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

/*--------------------------------------------------------------
Index ajax post
--------------------------------------------------------------*/
.index-ajax-menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

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

.index-ajax-menu li::before {
    content: "";
    height: 0.9375rem;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    width: 0.9375rem;
    height: 0.0625rem;
    background-color: var(--border-light);
    transform: rotate(-45deg);
}

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

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

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

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

@media (max-width: 767.98px) {
    .index-ajax-menu {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

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

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

/*--------------------------------------------------------------
Index author pushes style
--------------------------------------------------------------*/
.index-author-grid.bg-white .list-item.block {
    border: 1px solid var(--gray-2);
}

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

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

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

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

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

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

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

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

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

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

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

.index-grid-heading h2 {
    position: relative;
    padding-left: 1.25rem;
}

.index-grid-heading h2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 18px;
    border-radius: 10px;
    background-color: var(--bg-primary);
    transform: translate(0%, -50%);
}

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

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

.hidden-wrapper {
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.post-tags span {
    position: relative;
}

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

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

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

/*--------------------------------------------------------------
  ## post sticky
  --------------------------------------------------------------*/
.sticky-post {
    position: relative;
}

.sticky-actions {
    transform: translateX(-70px);
    z-index: 98;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.archive-filter .filter-list .filter-heading {
    flex-shrink: 0;
    min-width: 100px;
    margin: .5rem 1rem .5rem 0;
}

.archive-filter .filter-list ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid var(--gray-3);
}

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

.archive-filter .filter-list ul li {
    margin: .5rem 1.5rem 0.5rem 0;
}

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

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

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


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

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

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

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

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

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

    .archive-filter .filter-list ul li {
        margin: 0.375rem 1rem;
    }
}

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

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

.post-poster {
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
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 {
        transform: scale(1);
    }

    25% {
        transform: scale(1.3);
    }

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

@keyframes like-button-animation {

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

    25% {
        transform: scale(1.3);
    }

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

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

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

}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bouncy {

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

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

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

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

@-webkit-keyframes bouncy {

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

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

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

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

@keyframes bouncy {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment .comment-inner {
    flex: 1 1 auto;
    margin: 0.25rem 0 0 0;
}

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

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

.comment .comment-text {
    display: inline-block;
    line-height: 1.75;
    padding: 0.5rem .75rem;
    background-color: var(--bg-light);
    border-radius: var(--border-radius-sm);
    border-top-left-radius: 0;
}

.children {
    margin: 1.5rem 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

    .comment .comment-inner {
        margin: 0.125rem 0 0 0;
    }

    .comment .comment-content {
        margin: 0.5rem 0 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: 0.3125rem 0 0.3125rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
Widget hots comments
--------------------------------------------------------------*/

.widget-hots-comments .author-comment {
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    flex-direction: row;
    border-radius: var(--border-radius-sm);
    margin: 0 0 1rem;
    background-color: var(--bg-dark);
}

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

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

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

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

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

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

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

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

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

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

.widget-time-tags-list li {
    display: inline-block;
    padding: 0.3125rem 0.3125rem 0.3125rem 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
Apollo list time style
--------------------------------------------------------------*/

.widget-time-hots-list .list-item {
    flex-direction: row;
    align-items: center;
    margin: 0 0 1rem;
}

.widget-time-hots-list .list-item:last-child {
    margin: 0 0 0;
}

.widget-time-hots-list .list-item .list-title {
    font-size: 0.875rem;
}

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

.widget-time-hots-list .list-item .list-num span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-time-hots-list .list-item:nth-child(1) .list-num {
    background-color: #ff0f44;
    border-color: #ff0f44;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(2) .list-num {
    background-color: #ff552f;
    color: #fff;
}

.widget-time-hots-list .list-item:nth-child(3) .list-num {
    background-color: #ff8036;
    color: #fff;
}

/*--------------------------------------------------------------
Widget featured topics
--------------------------------------------------------------*/

.widget-featured-topics .list-item {
    margin: 0 0 1rem;
}

.widget-featured-topics .list-item:last-child {
    margin: 0;
}

/*--------------------------------------------------------------
Author comments
--------------------------------------------------------------*/
.author-comment-list .author-comment {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    flex: 1 1 auto;
    margin-bottom: 1rem;
}

.author-comment-list .author-comment:last-child {
    margin-bottom: 0;
}

.author-comment-list .author-comment .author-comment-content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem 1.5rem 3.25rem;
}

.author-comment-list .author-comment .author-comment-body {
    position: relative;
    flex: 1 1 auto;
}

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

.author-comment-list .author-comment .author-comment-title .iconfont {
    position: absolute;
    font-size: 1.25rem;
    left: -2rem;
    top: -0.25rem;
    opacity: 0.8;
}

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

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

@media (max-width: 767.98px) {
    .author-comment-list .author-comment {
        margin-bottom: 1rem;
    }

    .author-comment-list .author-comment .author-comment-content {
        padding: 1rem 1rem 1rem 2.5rem;
    }

    .author-comment-list .author-comment .author-comment-title .iconfont {
        left: -1.75rem;
    }
}

/*--------------------------------------------------------------
Footer style
--------------------------------------------------------------*/
.site-footer {
    background-color: #141414;
}

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

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

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

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

.footer-widget-header::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 18px;
    background-color: var(--bg-primary);
    border-radius: 10px;
    transform: translate(0%, -50%);
}

.footer-widget-content p {
    line-height: 1.8;
    color: var(--color-light);
}

.footer-widget-content a {
    color: var(--color-light);
}

.footer-widget-content a:hover {
    color: #fff;
}

.footer-widget-content .footer-widget-links {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
}

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

.footer-widget-social {
    display: flex;
    flex-wrap: wrap;
}

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

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

.index-notice .notice-action {
    flex-shrink: 0;
}

.index-notice .notice-icon {
    position: relative;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjE5NDIzNTQ0MTMzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg2MSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik02MTEuNTU1NTU2IDU3My42Mjk2M20tNDAyLjk2Mjk2MyAwYTQwMi45NjI5NjMgNDAyLjk2Mjk2MyAwIDEgMCA4MDUuOTI1OTI2IDAgNDAyLjk2Mjk2MyA0MDIuOTYyOTYzIDAgMSAwLTgwNS45MjU5MjYgMFoiIGZpbGw9IiNmMDRhNGMiIGZpbGwtb3BhY2l0eT0iLjEiIHAtaWQ9Ijg2MiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTIiIGNsYXNzPSJzZWxlY3RlZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNjEuMTg1MTg1IDg3Mi4yOTYyOTZsMjk0LjM1MjU5My0wLjAyODQ0NCA0LjMxNDA3NCAwLjAyODQ0NEM2NjYuNjkwMzcgODcyLjI5NjI5NiA4MzQuMzcwMzcgNzA0LjYxNjI5NiA4MzQuMzcwMzcgNDk3Ljc3Nzc3OFM2NjYuNjkwMzcgMTIzLjI1OTI1OSA0NTkuODUxODUyIDEyMy4yNTkyNTkgODUuMzMzMzMzIDI5MC45MzkyNTkgODUuMzMzMzMzIDQ5Ny43Nzc3Nzh2Mjk5LjczODA3NEE3NS44NTE4NTIgNzUuODUxODUyIDAgMCAwIDE2MS4xODUxODUgODcyLjI5NjI5NnpNOS40ODE0ODEgNTAyLjMwMDQ0NGwwLjAwOTQ4Mi0yLjg3Mjg4OEw5LjQ4MTQ4MSA0OTcuNzc3Nzc4QzkuNDgxNDgxIDI0OS4wNDA1OTMgMjExLjEyNDE0OCA0Ny40MDc0MDcgNDU5Ljg1MTg1MiA0Ny40MDc0MDcgNzA4LjU4OTAzNyA0Ny40MDc0MDcgOTEwLjIyMjIyMiAyNDkuMDQwNTkzIDkxMC4yMjIyMjIgNDk3Ljc3Nzc3OFM3MDguNTg5MDM3IDk0OC4xNDgxNDggNDU5Ljg1MTg1MiA5NDguMTQ4MTQ4Yy0xLjcxNjE0OCAwLTMuNDQxNzc4LTAuMDA5NDgxLTQuNzQwNzQxLTAuMDI4NDQ0TDE2MS4xODUxODUgOTQ4LjE0ODE0OEM3Ny40MTYyOTYgOTQ4LjE0ODE0OCA5LjQ4MTQ4MSA4ODAuMjQxNzc4IDkuNDgxNDgxIDc5Ni40NTM5MjZWNTAyLjMwMDQ0NHoiIGZpbGw9IiNmMDRhNGMiIHAtaWQ9Ijg2MyIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTAiIGNsYXNzPSIiPjwvcGF0aD48cGF0aCBkPSJNMjg3LjMzNjI5NiA0NzQuMDc0MDc0QzI1OS42MDI5NjMgNDc0LjA3NDA3NCAyMzcuMDM3MDM3IDQ1Mi44ODI5NjMgMjM3LjAzNzAzNyA0MjYuNjY2NjY3czIyLjU1NjQ0NC00Ny40MDc0MDcgNTAuMjk5MjU5LTQ3LjQwNzQwOGgzMjYuMDY4MTQ4QzY0MS4xMzc3NzggMzc5LjI1OTI1OSA2NjMuNzAzNzA0IDQwMC40NTAzNyA2NjMuNzAzNzA0IDQyNi42NjY2NjdzLTIyLjU1NjQ0NCA0Ny40MDc0MDctNTAuMjk5MjYgNDcuNDA3NDA3aC0zMjYuMDY4MTQ4ek0yODkuOTA1Nzc4IDY2My43MDM3MDRDMjYwLjc2OTE4NSA2NjMuNzAzNzA0IDIzNy4wMzcwMzcgNjQyLjUzMTU1NiAyMzcuMDM3MDM3IDYxNi4yOTYyOTZzMjMuNzMyMTQ4LTQ3LjQwNzQwNyA1Mi44Njg3NDEtNDcuNDA3NDA3aDE1MC4yNjI1MThDNDY5LjMwNDg4OSA1NjguODg4ODg5IDQ5My4wMzcwMzcgNTkwLjA2MTAzNyA0OTMuMDM3MDM3IDYxNi4yOTYyOTZzLTIzLjczMjE0OCA0Ny40MDc0MDctNTIuODY4NzQxIDQ3LjQwNzQwOEgyODkuOTA1Nzc4eiIgZmlsbD0iI2YwNGE0YyIgcC1pZD0iODY0IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pMSIgY2xhc3M9IiI+PC9wYXRoPjwvc3ZnPg==");
    flex-shrink: 0;
}

.index-notice .notice-content {
    position: relative;
    z-index: 2;
}

.notice-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .index-notice .notice-icon {
        width: 16px;
        height: 16px;
    }

    .index-notice .notice-content {
        font-size: 0.6875rem;
    }
}

/*--------------------------------------------------------------
To popup
--------------------------------------------------------------*/

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

/* -------------------------------- 
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;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

@supports (((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)))) {
    .search-popup {
        background-color: rgb(24 24 27 / 50%);
        -webkit-backdrop-filter: saturate(180%) blur(6px);
        backdrop-filter: saturate(180%) blur(6px);
    }
}

.search-hidden {
    overflow: hidden;
}

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

.search-popup .search-popup-content {
    position: relative;
    max-width: 740px;
    width: 100%;
    padding: 3rem;
    margin: 5rem auto;
    transform: translateY(-2.5rem);
    transition-property: transform;
    transition-duration: 0.3s;
}

.search-popup.is-visible .search-popup-content {
    transform: translateY(0);
}

.search-popup .search-popup-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    transition: transform 600ms;
}

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

.search-popup .search-popup-close::before,
.search-popup .search-popup-close::after {
    content: "";
    position: absolute;
    top: 1.1875rem;
    width: 1.25rem;
    height: 0.0625rem;
    background-color: var(--border-secondary);
}

.search-popup .search-popup-close::before {
    transform: rotate(45deg);
    left: 0.625rem;
}

.search-popup .search-popup-close::after {
    transform: rotate(-45deg);
    right: 0.625rem;
}

.search-popup .search-popup-body {
    position: relative;
    padding: 5rem 0 3rem;
}

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

.search-popup .search-popup-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-popup .search-popup-button:hover,
.search-popup .search-popup-button:focus {
    background-color: var(--bg-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.search-popup .search-popup-tags {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.search-popup .search-popup-tags li {
    padding: 5px;
}

.search-popup .search-popup-tags li a {
    position: relative;
}

.search-popup .search-popup-tags li a.hot {
    background-color: rgba(255, 103, 80, 0.05);
    border-color: rgba(255, 103, 80, 0.05);
    color: rgb(255, 103, 80);
    padding-left: 30px;
}

.search-popup .search-popup-tags li a.hot::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjg2OC40NzdhMS43NTEgMS43NTEgMCAwIDEgMi40MTEuMDA5IDcwLjY1NyA3MC42NTcgMCAwIDEgNi43NjQgNy4zODJjLjk1OC0xLjI2NiAyLjA0Ni0yLjY0NSAzLjIyMS0zLjc3LjY4OC0uNjUgMS43NS0uNjUgMi40MzguMDA5IDMuMDEyIDIuOSA1LjU2MiA2LjczMiA3LjM1NiAxMC4zN0MzNy44MjUgMTguMDYzIDM5IDIxLjcyNyAzOSAyNC4zMTIgMzkgMzUuNTI2IDMwLjMxMiA0NSAxOS41IDQ1IDguNTY2IDQ1IDAgMzUuNTE3IDAgMjQuMzAzYzAtMy4zNzUgMS41NS03LjQ5NyAzLjk1Mi0xMS41NzVDNi4zODEgOC41ODggOS44MTEgNC4yNzMgMTMuODY4LjQ3N1ptNS43OCAzNi4wODZjMi4yMDIgMCA0LjE1Mi0uNjE1IDUuOTktMS44NDYgMy42NjQtMi41ODQgNC42NDgtNy43NTEgMi40NDUtMTEuODEyLS4zOTEtLjc5LTEuMzkyLS44NDMtMS45NTgtLjE3NWwtMi4xOTQgMi41NzVjLS41NzUuNjY4LTEuNjEuNjUtMi4xNS0uMDQ0YTYwNTMuNTgxIDYwNTMuNTgxIDAgMCAwLTUuNDY3LTcuMDE0IDEuMzYgMS4zNiAwIDAgMC0yLjE1LS4wMDhjLTIuOTQzIDMuNzM1LTQuNDIzIDYuMDktNC40MjMgOC43MzUuMDA5IDYuMDIgNC40MTQgOS41ODkgOS45MDcgOS41ODlaIiBmaWxsPSJ1cmwoI2EpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTkuNSIgeTE9IjAiIHgyPSIxOS41IiB5Mj0iNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZDMzk3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzNzE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
    transform: translate(0, -50%);
}


@media (max-width: 767.98px) {

    .search-popup .search-popup-content {
        padding: 1.5rem;
        margin: 5rem auto;
        width: 90%;
    }

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

    .search-popup .search-popup-close {
        width: 1.9375rem;
        height: 1.9375rem;
        top: 0;
        right: 0;
        transform: translateY(-115%);
    }

    .search-popup .search-popup-close::before {
        transform: rotate(45deg);
        left: 0.5rem;
    }

    .search-popup .search-popup-close::after {
        transform: rotate(-45deg);
        right: 0.5rem;
    }

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

@media (min-width: 768px) and (max-width: 991.98px) {
    .search-popup .search-popup-content {
        padding: 2rem;
        margin: 3rem auto;
        width: 90%;
    }

    .search-popup .search-popup-close {
        right: 0;
        top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .search-popup .search-popup-close {
        right: 0;
        top: 0;
    }
}

/*--------------------------------------------------------------
Fixed post
--------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

.toc-list {
    position: relative;
}

.toc-list li {
    position: relative;
    margin: 0 0 .75rem;
    padding-left: 1.5rem;
}

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

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


.toc-list .toc-list li {
    margin: .75rem 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

.post-limit-body {
    position: relative;
    overflow: hidden;
    background-color: var(--bg-light);
    z-index: 1
}


.post-limit-content .post-limit-tips {
    position: relative;
    z-index: 1;
}


.post-limit-content .post-limit-body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

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

.post-limit-content.paying .post-limit-body {
    background: linear-gradient(145deg, rgb(52 52 52) 0%, rgb(60 60 60));
}

.post-limit-content.paying .post-limit-price {
    color: #f2cf9d;
}

.post-limit-content.paying::before {
    content: "";
    position: absolute;
    left: 0;
    top: -75px;
    width: 100%;
    height: 85px;
    background: linear-gradient(180deg, rgb(255 255 255 / 80%) 0%, rgb(255 255 255 / 95%) 50%, rgb(255 255 255));
    z-index: 0;
}

.post-limit-content.paying .post-limit-body::before {
    content: "";
    position: absolute;
    right: 5%;
    top: -30%;
    width: 180px;
    height: 180px;
    opacity: .1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTU0LjIgMTE5Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiB1cmwoI1/mnKrlkb3lkI3nmoTmuJDlj5hfMTkpOwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogdXJsKCNf5pyq5ZG95ZCN55qE5riQ5Y+YXzI1KTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX+acquWRveWQjeeahOa4kOWPmF8yNSIgZGF0YS1uYW1lPSLmnKrlkb3lkI3nmoTmuJDlj5ggMjUiIHgxPSItMjI5LjciIHkxPSItNi40IiB4Mj0iLTIyOS43IiB5Mj0iMTI4IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzAuNykgcm90YXRlKC0xODApIHNjYWxlKDEgLTEpIHNrZXdYKC0zKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlYWM1OTIiIHN0b3Atb3BhY2l0eT0iLjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjhkOGFiIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJf5pyq5ZG95ZCN55qE5riQ5Y+YXzE5IiBkYXRhLW5hbWU9IuacquWRveWQjeeahOa4kOWPmCAxOSIgeDE9IjQ2LjMiIHkxPSItNi40IiB4Mj0iNDYuMyIgeTI9IjEyOCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg5KSBza2V3WCgtMykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZWFjNTkyIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y4ZDhhYiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcgaWQ9Il/lm77lsYJfMS0yIiBkYXRhLW5hbWU9IuWbvuWxgiAxIj4KICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI5OS4yIDAgMTU0LjIgMCAxMDUgMTE5IDUwIDExOSA5OS4yIDAiLz4KICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1NSAwIDAgMCA0OS4zIDExOSAxMDQuMyAxMTkgNTUgMCIvPgogIDwvZz4KPC9zdmc+');
}

.post-limit-content.paying .post-limit-icon {
    color: #ffe2af;
    background: linear-gradient(135deg, #4f4f4f, #525252);
    border-width: 0;
    opacity: 1;
}

.post-limit-content.paying .post-limit-paying {
    position: relative;
    color: #68400b;
    background: linear-gradient(90deg, #ffe4b2, #c79354);
    border-width: 0;
    z-index: 1;
}

.post-limit-content.paying .post-limit-paying:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 100px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.post-limit-content.paying .post-limit-paying:hover:after {
    opacity: .2
}

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

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

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

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

/*--------------------------------------------------------------
Banner navigation
--------------------------------------------------------------*/

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev {
    opacity: 0;
    width: calc(var(--swiper-navigation-mini-size) / 30 * 25);
    height: var(--swiper-navigation-mini-size);
    transition: all 0.3s linear;
}

.slider-navigation .swiper-container .swiper-button-next:after,
.slider-navigation .swiper-container .swiper-button-prev:after {
    font-size: var(--swiper-navigation-mini-size);
}

.slider-navigation .swiper-container .swiper-button-next {
    right: -6.25rem;
}

.slider-navigation .swiper-container .swiper-button-prev {
    left: -6.25rem;
}

.slider-navigation .swiper-container .swiper-button-next,
.slider-navigation .swiper-container .swiper-button-prev,
.slider-navigation .swiper-container .swiper-button-next:focus,
.slider-navigation .swiper-container .swiper-button-prev:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.slider-navigation .swiper-container:hover .swiper-button-next {
    opacity: 1;
    right: 0.625rem;
}

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

/*--------------------------------------------------------------
Banner pagination
--------------------------------------------------------------*/

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

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

.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
    padding: 0.625rem 0;
    bottom: 0;
}

.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 1.875rem;
}

@media (max-width: 767.98px) {
    .slider-navigation .swiper-horizontal > .swiper-pagination-bullets {
        bottom: 0;
    }

    .slider-navigation .swiper-pagination-white .swiper-pagination-bullet {
        width: 0.25rem;
        height: 0.25rem;
    }

    .slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 1.25rem;
    }

    .slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        padding: 0;
    }
}

/*--------------------------------------------------------------
Banner style 
--------------------------------------------------------------*/

.slider-style-3 .swiper-container {
    padding: 2rem 0;
}

.slider-style-3 .swiper-slide {
    width: 1260px;
    transition: all 300ms ease-in-out;
}

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

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

.slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
    padding: 0.625rem 0;
    bottom: 1.875rem;
}

@media (max-width: 1199.98px) {
    .slider-style-2 .swiper-slide .media-4x1:after {
        padding-top: 33%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-4 .swiper-slide .media-3x1:after {
        padding-top: 50%;
    }
}

@media (max-width: 767.98px) {
    .slider-style-3 .swiper-container {
        padding: 0.75rem;
    }

    .slider-style-3 .swiper-slide {
        width: 100%;
    }

    .slider-style-1 .swiper-slide .h2,
    .slider-style-2 .swiper-slide .h2,
    .slider-style-3 .swiper-slide .h2,
    .slider-style-4 .swiper-slide .h2 {
        font-size: 0.9375rem;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0.3125rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 696px;
    }

    .slider-style-1 .swiper-slide .h2,
    .slider-style-2 .swiper-slide .h2,
    .slider-style-3 .swiper-slide .h2,
    .slider-style-4 .swiper-slide .h2 {
        font-size: 1.25rem;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slider-style-3 .swiper-container {
        padding: 1.5rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 940px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 1110px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

@media (min-width: 1400px) {
    .slider-style-3 .swiper-container {
        padding: 2rem 0;
    }

    .slider-style-3 .swiper-slide {
        width: 1260px;
    }

    .slider-style-3.slider-navigation .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 1.875rem;
    }
}

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

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

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

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

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

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

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

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

.video-list-group .item-video-group {
    position: relative;
    padding: 0.75rem 1rem;
    border-bottom: 0.0625rem solid var(--border-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: 0.25rem 0 0.25rem 1rem;
    }

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

/*--------------------------------------------------------------
Friends list
--------------------------------------------------------------*/

.friends-menu ul li {
    margin-bottom: 10px;
}

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

.friends-menu ul li a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: var(--border-radius-sm);
}

.friends-menu ul li a .menu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-right: .5rem;
}

.friends-menu ul li a .menu-text {
    flex: 1 1 auto;
}

.friends-menu ul li.active a,
.friends-menu ul li a:hover {
    color: var(--color-primary);
    background-color: var(--outline-primary);
}

.friends-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: .5rem;
}

.friends-grid {
    margin-bottom: 2rem;
}

.friends-grid:last-child {
    margin-bottom: 0;
}

.friends-list .item {
    flex: 1 1 auto;
    transition: all 0.3s ease-in-out;
}

.friends-list .item:hover {
    transform: translateY(-5px);
}

.friends-list .item .media {
    flex-shrink: 0;
}

.friends-list .item .item-goto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media (max-width: 767.98px) {
    .friends-grid {
        margin-bottom: 1.25rem;
    }
}

/* -------------------------------- 
    author info
-------------------------------- */
.author-info {
    position: relative;

}

.author-info .author-poster .poster-text {
    font-size: 5em;
    font-style: italic;
    opacity: .1;
}

.author-info .author-info-content {
    position: relative;
    z-index: 2;
    margin-top: -75px;
}

.author-info .author-info-content .author-avatar {
    position: relative;
    left: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, 0%);
}

.author-info .author-info-content .author-avatar .avatar-badge {
    width: 30px;
    height: 30px;
    transform: translate(-25%, -25%);
}

.author-info .author-info-content .author-desc {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.author-name-mw {
    max-width: 60px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .author-info .author-info-content .author-desc {
        max-width: 80%;
    }
}

@media (max-width: 767.98px) {
    .author-info .author-poster::after {
        padding-top: 40%;
    }

    .author-info .author-poster .poster-text {
        font-size: 3em;
    }

    .author-info .author-info-content {
        margin-top: -40px;
    }

    .author-info .author-info-content .author-avatar {
        width: 80px;
        height: 80px;
    }

    .author-info .author-info-content .author-desc {
        max-width: 100%;
    }
}

/*--------------------------------------------------------------
author tabmenu 
--------------------------------------------------------------*/

.author-tabmenu {
    position: relative;
    display: flex;
    justify-content: center;
}

.author-tabmenu ul {
    display: flex;
    justify-content: center;
    padding: 0.25rem;
    background-color: var(--gray-3);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow);
}

.author-tabmenu ul li {
    padding: 0.25rem;
}

.author-tabmenu ul li a {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    padding: .625rem 1.25rem;
    color: var(--color-muted);
}

.author-tabmenu ul li.active a {
    color: var(--color-dark);
}

.author-tabmenu ul li a::before {
    position: absolute;
    content: '';
    display: block;
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    border-radius: var(--border-radius-sm);
    background: #fff;
    transition: all 0.2s linear;
    opacity: 0;
}

.author-tabmenu ul li.active a::before,
.author-tabmenu ul li a:hover::before {
    transition: 0.2s;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

.author-tabmenu .nav-text {
    position: relative;
    margin: 0 0.5rem;
}

.author-tabmenu .nav-icon {
    position: relative;
    font-size: 1.25rem;
}

.author-tabmenu .nav-num {
    position: relative;
    min-width: 15px;
    font-size: 0.6875rem;
    line-height: 1;
    text-align: center;
    padding: 2px 3px;
    background-color: var(--outline-secondary);
    color: #fff;
    border-radius: 4px;
}

@media (max-width: 767.98px) {
    .author-tabmenu ul {
        width: 100%;
    }

    .author-tabmenu ul li {
        width: 50%;
    }

    .author-tabmenu ul li a {
        justify-content: center;
        min-width: 0;
        padding: 0.5rem 0.125rem;
    }
}

/*--------------------------------------------------------------
popup content
--------------------------------------------------------------*/

@media (max-width: 767.98px) {
    .nice-popup-md .nice-popup-content {
        padding: 1rem;
    }
}

/* ---------------------------------------------------
loading spinners
----------------------------------------------------- */
/* 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 0.6s infinite linear;
    animation: spCircRot 0.6s infinite linear;
}

.loading-spinners.spinners-sm {
    width: 24px;
    height: 24px;
    border-width: 3px;
    margin: 0 auto;
}

.btn .loading-spinners {
    display: block;
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/*--------------------------------------------------------------
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;
}

/* ---------------------------------------------------
Dark mode card STYLE
----------------------------------------------------- */

.nice-dark-mode .card,
.nice-dark-mode .block {
    background-color: var(--dark-bg-secondary);
    box-shadow: none;
}

/* ---------------------------------------------------
list STYLE
----------------------------------------------------- */
.nice-dark-mode .list-grouped .list-item.block {
    transition: all 0.3s ease-in-out;
}

.nice-dark-mode .list-grouped .list-item.block:hover {
    background-color: var(--dark-bg-secondary);
}

.nice-dark-mode .list-grid-padding.list-bordered .list-item {
    border-top-color: var(--dark-border-light);
}

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

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

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

.nice-dark-mode .site-navbar {
    background-color: rgb(0 0 0 / 80%);
    box-shadow: none;
}

.nice-dark-mode .site-navbar .navbar-brand .logo {
    display: none;
}

.nice-dark-mode .site-navbar .navbar-brand .logo-night {
    display: block;
}

.nice-dark-mode .site-navbar.fixed-top {
    background-color: transparent;
}

.nice-dark-mode .site-navbar.fixed-top.fixed {
    background-color: rgb(0 0 0 / 80%);
}

.nice-dark-mode .site-navbar .navbar-slogan::after {
    display: none;
}

/*--------------------------------------------------------------
submneu
--------------------------------------------------------------*/

.nice-dark-mode .navbar-site li.current-menu-item > a,
.nice-dark-mode .navbar-site li:hover > a {
    color: #ffffff;
}

.nice-dark-mode .navbar-site li ul {
    background: var(--dark-bg-dark);
    box-shadow: none;
}

.nice-dark-mode .navbar-site li ul li.current-menu-item a,
.nice-dark-mode .navbar-site li ul li.current-post-ancestor a {
    color: var(--dark-color-dark);
}

.nice-dark-mode .site-navbar.fixed-top .navbar-site li ul {
    background: var(--dark-bg-dark);
}

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

.nice-dark-mode .navbar-site li.menu-item-has-children > a .menu-arrow:after {
    border-color: #fff;
}

/*--------------------------------------------------------------
aside Navigation 
--------------------------------------------------------------*/
.nice-dark-mode .aside-mobile .aside-menu > li {
    background-color: var(--dark-bg-secondary);
}

.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(--color-primary);
}

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

.nice-dark-mode .aside-mobile .aside-menu li a .menu-sign:after {
    border-color: #fff;
}

/*--------------------------------------------------------------
Search navbar
--------------------------------------------------------------*/

.nice-dark-mode .navbar-search {
    background-color: rgba(56, 62, 67, 0.8);
}

/*--------------------------------------------------------------
index post ajax
--------------------------------------------------------------*/

.nice-dark-mode .index-ajax-menu li::before {
    background-color: var(--dark-border-light);
}

/*--------------------------------------------------------------
list index header
--------------------------------------------------------------*/

.nice-dark-mode .video-list-group {
    border-color: var(--dark-border-light);
}

.nice-dark-mode .video-list-group .item-video-group {
    border-color: var(--dark-border-light);
}

.nice-dark-mode .video-list-group .item-video-group:last-child {
    border-width: 0;
}

/* ---------------------------------------------------
post tags style
----------------------------------------------------- */
.nice-dark-mode .post-tags span a {
    color: var(--dark-color-muted);
    background-color: var(--dark-bg-light);
}

.nice-dark-mode .post-tags span a:hover {
    color: var(--color-primary);
}

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

.nice-dark-mode .post-fixed-dock .dock-inner {
    background-color: var(--dark-bg-dark);
    box-shadow: none;
}

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

.nice-dark-mode .widget-title {
    color: var(--dark-color-dark);
}

/*--------------------------------------------------------------
Widget hots comments
--------------------------------------------------------------*/

.nice-dark-mode .widget-hots-comments .author-comment {
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    flex-direction: row;
    border-radius: var(--border-radius-sm);
    margin: 0 0 1rem;
    background-color: var(--bg-dark);
}

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

.nice-dark-mode .widget-time-tags-list li .btn-time {
    background: #6d7685;
    background: linear-gradient(to right, #9ca2a9, #6d7685);

    color: #fff;
}

.nice-dark-mode .widget-time-tags-list li:nth-child(1) .btn-time {
    background: #eb3349;
    background: linear-gradient(to right, #ff6e41, #ff0844);

    color: #fff;
}

.nice-dark-mode .widget-time-tags-list li:nth-child(3) .btn-time {
    background: #43e97b;
    background: linear-gradient(to right, #43e97b, #38f9d7);
    color: #fff;
}

.nice-dark-mode .widget-time-tags-list li:nth-child(2) .btn-time {
    background: #66a6ff;
    background: linear-gradient(to right, #89f7fe, #66a6ff);
    color: #fff;
}

/*--------------------------------------------------------------
Apollo list time style
--------------------------------------------------------------*/

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

.nice-dark-mode .widget-time-hots-list .list-item:nth-child(1) .list-num {
    background-color: #ff0f44;
    border-color: #ff0f44;
    color: #fff;
}

.nice-dark-mode .widget-time-hots-list .list-item:nth-child(2) .list-num {
    background-color: #ff552f;
    color: #fff;
}

.nice-dark-mode .widget-time-hots-list .list-item:nth-child(3) .list-num {
    background-color: #ff8036;
    color: #fff;
}

/*--------------------------------------------------------------
 Dark mode widget recent comments style
--------------------------------------------------------------*/

.nice-dark-mode .widget_recent_comments ul li {
    border-top-color: var(--dark-border-light);
}

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

.nice-dark-mode .toc-list li::before {
    border-color: var(--dark-border-light);
    background-color: var(--dark-border-light);
}

.nice-dark-mode .toc-list .is-active-li::before {
    border-color: var(--bg-primary);
    background-color: var(--bg-primary);
}

.nice-dark-mode #toc-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--dark-bg-dark);
}

.nice-dark-mode #toc-scrollbar::-webkit-scrollbar-track {
    background-color: var(--dark-bg-light);
}

/*--------------------------------------------------------------
Comment style
--------------------------------------------------------------*/

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

.nice-dark-mode .comment .comment-text {
    background-color: var(--dark-bg-light);
}

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

.nice-dark-mode .footer-copyright,
.nice-dark-mode .footer-copyright a {
    color: var(--dark-color-light);
}

.nice-dark-mode .footer-widget-content p,
.nice-dark-mode .footer-widget-content a {
    color: var(--dark-color-light);
}

/*--------------------------------------------------------------
dropdown style
--------------------------------------------------------------*/

.nice-dark-mode .signin-dropdown-menu {
    background-color: var(--dark-bg-dark);
    border-color: var(--dark-border-light);
}

.nice-dark-mode .signin-dropdown-content .item,
.nice-dark-mode .signin-dropdown-content .item:hover {
    color: #fff
}

/* ---------------------------------------------------
profile header
----------------------------------------------------- */

.nice-dark-mode .user-profile-poster {
    background-color: var(--dark-bg-dark);
}

.nice-dark-mode .user-profile-header .user-profile-box .flex-avatar {
    border-color: var(--dark-border-white);
}

/*--------------------------------------------------------------
author tabmenu 
--------------------------------------------------------------*/

.nice-dark-mode .author-tabmenu ul {
    background-color: var(--dark-bg-white);
    border-color: var(--dark-border-light);
    box-shadow: none;
}

.nice-dark-mode .author-tabmenu ul li a {
    color: var(--dark-color-muted);
}

.nice-dark-mode .author-tabmenu ul li.active a {
    color: var(--dark-color-dark);
}

.nice-dark-mode .author-tabmenu ul li a::before {
    background: var(--dark-bg-light);

}

.nice-dark-mode .author-tabmenu .nav-num {
    background-color: var(--dark-bg-secondary);
}


/*--------------------------------------------------------------
index category grid
--------------------------------------------------------------*/
.nice-dark-mode .index-author-grid.bg-white .list-item.block,
.nice-dark-mode .index-category-grid.bg-white .list-grid.list-grid-padding .list-item,
.nice-dark-mode .index-category-grid.bg-white .list-grouped .list-item {
    border-color: var(--dark-border-light);
}

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

.nice-dark-mode .archive-filter .filter-list ul {
    border-bottom-color: var(--dark-border-light);
}

.nice-dark-mode .archive-filter .filter-list ul li.current a {
    color: var(--color-primary);
}

@media (max-width: 767.98px) {

    .nice-dark-mode .archive-filter .filter-list {
        border: 1px solid var(--dark-border-light);
    }

    .nice-dark-mode .archive-filter .filter-list .filter-heading {
        background-color: var(--dark-bg-secondary);
    }

}

/*--------------------------------------------------------------
nice popup
--------------------------------------------------------------*/

.nice-dark-mode .nice-popup-content {
    background-color: var(--dark-bg-dark);
    box-shadow: none;
}

/* ---------------------------------------------------
selection STYLE
----------------------------------------------------- */

/* webkit, opera, IE9 */

.nice-dark-mode ::-moz-selection {
    background: var(--bg-primary);
    color: #fff;
}

.nice-dark-mode ::selection {
    background: var(--bg-primary);
    color: #fff;
}

/* mozilla firefox */

.nice-dark-mode ::-moz-selection {
    background: var(--bg-primary);
    color: #fff;
}

/* ---------------------------------------------------
post paying content style
----------------------------------------------------- */
.nice-dark-mode .post-limit-content {
    background-color: var(--dark-bg-secondary);
}

.nice-dark-mode .post-limit-content .post-limit-tips {
    color: var(--dark-color-dark);
}

.nice-dark-mode .post-limit-content .post-limit-input {
    border-color: transparent;
    background-color: transparent;
    color: var(--dark-color-secondary);
}

.nice-dark-mode .post-limit-content .post-limit-body {
    background: var(--dark-bg-dark);
}

.nice-dark-mode .post-limit-content .post-limit-form {
    background: var(--dark-bg-light);
}

.nice-dark-mode .post-limit-content.paying .post-limit-body {
    background: linear-gradient(145deg, rgb(37 37 37) 0%, rgb(28 28 28));
}

.nice-dark-mode .post-limit-content.paying::before {
    background: linear-gradient(180deg, rgb(46 46 48 / 20%) 0%, rgb(46 46 48 / 90%) 40%, rgb(46 46 48));
}

.nice-dark-mode .post-limit-content.paying .post-limit-icon {
    color: #ffe2af;
    background: linear-gradient(135deg, #4f4f4f, #525252);
}

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

.error-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}