.-ni-caret-left {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: center;   
    background-size: 80% 80%;  
    cursor: pointer;
}
.-ni-caret-left:hover{
    background-color: silver;
}

.-ni-caret-right {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position: center;   
    background-size: 80% 80%;  
    cursor: pointer;
}
.-ni-caret-right:hover{
    background-color: silver;
}