@import './variables';
@import '../../../styles/sizes.media';

.left-sidebar-drop-wrapper {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;

    .left-sidebar-drop-veil {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0;
        background-color: rgba($hover-blue-background, .75);
        border: 1px dashed $bdl-box-blue;
        border-radius: 3px;
    }

    .left-sidebar-drop-wrapper-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: default;
    }
}