>lattice {
    box-sizing: content-box;
    outline: none;
    margin-top: -@height;
    padding-top: @height + 6px;

    a {
        vertical-align: top;
    }
}

rect {
    border: 1.5px solid #28c;
    background: #28c2;
    position: absolute;
    display: block;
    padding: 0;
    z-index: 1;

    &+lattice {
        &:after {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
        }
    }
}

padding {
    vertical-align: top;
    border-right-width: 40px;
    border-left-width: 10px;
}

>.address {
    position: relative;
    z-index: 3;
    margin-left: 140px;
    margin-top: -@height - 6px;
    height: @height;
    padding: 0 6px;
    line-height: @height;

    input {
        width: 100%;
    }
}

& {
    height: 100%;
    overflow: hidden;
}

fileitem {
    &:hover {
        outline: 1.2px solid #28c;
    }

    
    &.focused {
        background: #28c2;
        outline: 1.2px solid #28c;
    }

    &[dropping] {
        background-color: #28c4;
        outline: 2px solid #28c;
    }
}

@height: 44px;