//== Variables
@hdeng-document-search-font-color: @hdeng-body-bg-default-color;

//== Generates
.hdeng-document-critical-generate() {
    // Silence
}

.hdeng-document-generate() {
    .document-search {
        margin-bottom: @hdeng-spacing;
    }

    .document-search__search {
        background: url(img/search.png) no-repeat 8px 50% darken(#fff, 10%);
        border: 0 none;
        font-size: 16px;
        color: @hdeng-document-search-font-color;
        width: 400px;
        max-width: 100%;
        padding: 6px 15px 6px 35px;
        border-radius: @hdeng-border-radius;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        transition: all 0.3s ease 0s;

        @media (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 2dppx),
        (min-resolution: 192dpi) {
            background-image: url(img/search@2x.png);
            background-size: 15px 15px;
        }

        &:focus {
            background-color: #fff;
        }
    }
}
