// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT license.
@mixin search(
) {
    .sanddance-search {
        .sanddance-search-group {
            border: 1px solid rgba(0, 0, 0, 0.2);
        }        
        .sanddance-search-group {
            background: #fff;
            margin-top: 1em;
            padding: 4px;
             &:first-child {
                margin-top: 0;
             }
        }
        .sanddance-search-expression {
            background-color: rgba(0, 0, 0, 0.1);
            margin: 12px 4px;
            padding: 4px 8px 8px 8px;
        }
        .search-action {
            width: 100%;
        }
        .search-bottom-action {
            margin-top: 1em;
        }
        .search-field {
            margin-top: 4px;
        }
    }
    .dark-theme .sanddance-search {
        .sanddance-search-group {
            border-color: rgba(255, 255, 255, 0.2);
            background: #000;
        }
        .sanddance-search-expression {
            background-color: rgba(255, 255, 255, 0.2);
        }
    }
}
