mor-breadcrumbs{
    display: block;
    vertical-align: middle;

    ul{
        font-size: 0;
        list-style: none;
        padding: 0;
        margin: 0 !important;
        vertical-align: middle;

        li{
            display: inline-block;
            color: @colorNeutral9;
            vertical-align: middle;

            &:hover{
                color: @colorTheme;
                cursor: pointer;
            }

            &.root:not(.choose){
                color: @colorComponentItemFont;
                cursor: default;
            }

            &.last{
                color: @colorNeutral11;

                &:hover{
                    cursor: default;
                    color: @colorNeutral11;
                }
            }

            &.separator{
                cursor: default;
                color: darken(@colorComponentItemBorder, 8%);
                margin: 0 0.5em;
            }
        }
    }

    &.si-xxl {
        ul {
            height: @fontSize*2.1875;

            li {
                font-size: @fontSize*1.375;

                &.separator{
                    font-size: @fontSize*1.625;
                    vertical-align: @fontSize*-0.625 !important;
                    margin: 0 0.6em;
                }
            }
        }
    }

    &.si-xl {
        height: @fontSize*1.75;

        ul {
            li {
                font-size: @fontSize*1.125;

                &.separator{
                    font-size: @fontSize*1.375;
                    vertical-align: @fontSize*-0.5625 !important;
                    margin: 0 0.6em;
                }
            }
        }
    }

    &.si-l {
        ul {
            height: @fontSize*1.5625;

            li {
                font-size: @fontSize*1;

                &.separator{
                    font-size: @fontSize*1.125;
                    vertical-align: @fontSize*-0.4375 !important;
                    margin: 0 0.6em;
                }
            }
        }
    }

    &.si-m {
        ul {
            height: @fontSize*1.375;

            li {
                font-size: @fontSize*0.875;

                &.separator{
                    font-size: @fontSize*0.875;
                    vertical-align: @fontSize*-0.3125 !important;
                    margin: 0 0.5em;
                }
            }
        }
    }

    &.si-s {
        ul {
            height: @fontSize*1.25;

            li {
                font-size: @fontSize*0.8125;

                &.separator{
                    font-size: @fontSize*0.875;
                    vertical-align: @fontSize*-0.3125 !important;
                    margin: 0 0.5em;
                }
            }
        }
    }

    &.si-xs {
        ul {
            li {
                font-size: @fontSize*0.75;

                &.separator{
                    font-size: 12px;
                    vertical-align: @fontSize*-0.3125 !important;
                    margin: 0 0.4em;
                }
            }
        }
    }

    &.si-xxs {
        ul {
            li {
                font-size: @fontSize*0.75;
                transform: scale(0.8);

                &.separator{
                    font-size: 12px;
                    vertical-align: @fontSize*-0.3125 !important;
                    margin: 0 0.2em;
                }
            }
        }
    }

    // default status
    &{
        .si-m;
    }
}