@charset "UTF-8";
:root {
    --color-primary: #ff0157;
    --color-secondary: #ff5e26;
    --color-gray: #969696;
    --box-shadow-primary: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
    --border-radius-primary: 0.2rem;

    --body-color: #E4E9F7;
    --nav-color: #4070F4;
    --side-nav: #010718;
    --text-color: #FFF;
    --text-active-color: #FF0;
    --search-bar: #F2F2F2;
    --search-text: #010718;

    /* button */
    --button-bg-color: #f6f6f6;

    /* menu */
    --ag-menu-bg-color: #fff;
    --menu-text-color: #666;
    --menu-active-text-color: #ff0157;

    --menu-slide-icon-color: #000;
    --menu-slide-bg-color: #fff;

    /* pagination */
    --pagination-bg-color: #fff;
    --pagination-shadow-color: #ccc;
    --pagination-button-bg-color: #f9f9f9;
    --pagination-button-active-bg-color: var(--color-primary);
    --pagination-button-active-text-color: #fff;
    --patination-button-disabled-bg-color: #f9f9f9;
    --pagination-button-disabled-text-color: #ccc;

    /* porn */
    --porn-content-video-source-bg-color: var(--color-primary);
    --porn-content-video-source-text-color: #fff;
}

:root .dark,
:root.dark {
    /* menu */
    --ag-menu-bg-color: #222;

    --color-primary: #111;
    --color-secondary: #ff5e26;
    --color-gray: #969696;
    --box-shadow-primary: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.05);
    --border-radius-primary: 0.2rem;
}

input[type=text]:focus {
    outline: none;
}


[v-cloak] {
    display:none !important;
}