@prefix: graphjs;

@{prefix}-notifications.@{prefix}-root {
    overflow: visible !important;
    display: inline-block;
    position: relative;
    width: auto;
    height: 3.5em;
    line-height: 3.5em;
    // ThemeOption: color: @text-color-normal;
    &.@{prefix}-topleft {
        @{prefix}-notifications-button.@{prefix}-root {
            & + * {
                left: 0;
            }
        }
    }
    &.@{prefix}-topright {
        @{prefix}-notifications-button.@{prefix}-root {
            & + * {
                right: 0;
            }
        }
    }
    &.@{prefix}-bottomleft {
        @{prefix}-notifications-button.@{prefix}-root {
            & + * {
                left: 0;
                .transform(translateY(-100%));
            }
        }
    }
    &.@{prefix}-bottomright {
        @{prefix}-notifications-button.@{prefix}-root {
            & + * {
                right: 0;
                .transform(translateY(-100%));
            }
        }
    }
    @{prefix}-notifications-button.@{prefix}-root {
        & + * {
            position: absolute !important;
            z-index: 9;
        }
    }
}