search-component {
    .product-component {
        height: 100%;
    }
    .backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;

        ol {
            .lt-md({
                margin-top: @search--results-position-top-mobile;
            });
            .gt-md({
                margin-top: @search--results-position-top-desktop;
            });
        }

        &:after {
            z-index: 9;
        }
    }

    .container-input {
        .easeInOutSine(all, 100ms);

        position: fixed;
        right: @default--space / 2;
        top: @search--container-input-position-top;
        width: 0;
        z-index: 100;
        
        .form-control {
            border: 0;
            min-height: @search--container-input-height;
            padding: 0;
            text-indent: @default--space;
            width: 100%;
        }
        
        .close {
            position: absolute;
            right: @default--space;
            top: @default--space / 2;
        }
        
        &.active {
            .lt-md({
                width: ~"calc(100vw - @{default--space})";
            });
        
            .gt-md({
                width: @search--container-input-width-desktop;
            });
        
            .form-control {
                z-index: 10;
                box-shadow: 0 0 5px rgba(0, 0, 0, .6);
            }
        }
    }

    md-tabs {
        box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    }

    .md-tabs-wrapper {
        left: @default--space / 2;
        margin-right: @default--space / 2;
        position: fixed;
        
        z-index: 99;

        .lt-md({
            top: @search--tabs-position-top-mobile;
            width: @search--tabs-width-mobile;
        });

        .gt-md({
            top: @search--tabs-position-top-desktop;
            width: @search--tabs-width-desktop;
        });
    }

    .js-update-view-trigger {
        height: 1/@rem;
    }
}
