.dy-drop-menu-wrapper {
    position: relative;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .06);

    .menu-arrow {
        position: absolute;
        left: 16px;
        width: 0;
        height: 0;
        border-width: 6px;
        border-style: solid;
    }

    .menu-arrow-in {
        top: -12px;
        border-color: transparent transparent #e4e7ed;
    }

    .menu-arrow-out {
        top: -11px;
        border-color: transparent transparent #fff;
    }

    &.dy-pull-out-child--top {
        .menu-arrow-in {
            top: initial;
            bottom: -12px;
        }

        .menu-arrow-out {
            top: initial;
            bottom: -11px;
        }
    }
}