:root {
    --lynn-primary: #8245bf;
    --lynn-primary-rgb: 130, 69, 191;
    --lynn-primary-02: #8e50cd;
    --lynn-primary-02-rgb: 142, 80, 205;
    --lynn-primary-03: #663792;
    --lynn-primary-03-rgb: 102, 55, 146;
    --lynn-primary-04: #d6c0f2;
    --lynn-primary-04-rgb: 214, 192, 242;
}

:root {
    --k-primary: #8245bf;
    --k-primary-rgb: 130, 69, 191;
    --k-primary-02: #8e50cd;
    --k-primary-02-rgb: 142, 80, 205;
    --k-primary-03: #663792;
    --k-primary-03-rgb: 102, 55, 146;
    --k-primary-04: #d6c0f2;
    --k-primary-04-rgb: 214, 192, 242;
}


main.login-wrapper .side-left .logo {
    width: 220px;
    height: 74px;
    background: url(../images-2024/kyubo-logo.svg) no-repeat 0 0;
}
main.login-wrapper .login-form header .logo {
    width: 52px;
    height: 51px;
    background: url(../images-2024/kyubo-icono.svg) no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
aside.sidebar .sidebar-header .logo {
    width: 90px;
    height: 30px;
    background: url("../images-2024/kyubo-logo.svg") no-repeat 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
aside.sidebar .sidebar-header .slogan-kyubo {
    /*white-space: nowrap;*/
    /*line-height: 0;*/
}
aside.sidebar:not(.open) .sidebar-header .slogan-kyubo {
    display: none;
}
aside.sidebar.open .sidebar-header .slogan-kyubo {
    animation: fadeIn;
    animation-duration: 2s;
}