mor-dl{
    display: block;
    font-size: @fontSize*0.875;
    line-height: 1.5;

    dt{
        color: @colorBlack;
        font-weight: 700;
    }

    dd{
        margin-bottom: 0.7em;
        color: darken(@colorComponentItemFont, 12%);
        margin-left: 0;

        &:last-child{
            margin-bottom: 0;
        }
    }

    &.horizontal{
        display: flex;
        overflow: hidden;
        flex-wrap: wrap;

        dt{
            display: inline-block;
            margin-bottom: 0.7em;
            width: 20%;
        }

        dd{
            display: inline-block;
            vertical-align: top;
            width: 80%;
            padding-left: 1.5em;
            box-sizing: border-box;
        }
    }

    &.underline{
        dt{
            border-top: 1px solid @colorComponentItemBorder;
            margin-top: 1em;
            padding-top: 1em;
        }

        dt:first-child{
            border-top: 0 none;
            margin-top: 0;
            padding-top: 0;
        }

        dd{
            margin-bottom: 0;
        }
    }

    &.st-normal{}

    &.st-apparent{
        animation-name: apparent;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    // default status
    &{
        .st-normal;
    }
}