// light样式
.el-tooltip__popper.is-light{
    background-color: var(--ey-color-gray-250);
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    border: 0;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--ey-color-black);    
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-end] .popper__arrow{
    border-bottom-color: var(--ey-color-gray-250);       
    &::after{
        border-bottom-color: var(--ey-color-gray-250);   
    } 
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow, 
.el-tooltip__popper.is-light[x-placement^=top-start] .popper__arrow, 
.el-tooltip__popper.is-light[x-placement^=top-end] .popper__arrow{
    border-top-color: var(--ey-color-gray-250);       
    &::after{
        border-top-color: var(--ey-color-gray-250);   
    }      
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-end] .popper__arrow{
    border-left-color: var(--ey-color-gray-250);       
    &::after{
        border-left-color: var(--ey-color-gray-250);   
    }      
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-end] .popper__arrow{
    border-right-color: var(--ey-color-gray-250);    
    &::after{
        border-right-color: var(--ey-color-gray-250);   
    }         
}

// dark样式
.el-tooltip__popper.is-dark{
    background-color: var(--ey-color-gray-250);
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    border: 0;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--ey-color-black);    
}

.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-end] .popper__arrow{
    border-bottom-color: var(--ey-color-gray-250);       
    &::after{
        border-bottom-color: var(--ey-color-gray-250);   
    } 
}
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow, 
.el-tooltip__popper.is-dark[x-placement^=top-start] .popper__arrow, 
.el-tooltip__popper.is-dark[x-placement^=top-end] .popper__arrow{
    border-top-color: var(--ey-color-gray-250);       
    &::after{
        border-top-color: var(--ey-color-gray-250);   
    }      
}
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-end] .popper__arrow{
    border-left-color: var(--ey-color-gray-250);       
    &::after{
        border-left-color: var(--ey-color-gray-250);   
    }      
}
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-end] .popper__arrow{
    border-right-color: var(--ey-color-gray-250);    
    &::after{
        border-right-color: var(--ey-color-gray-250);   
    }         
}