@import "../assets/styles/variables.scss";
@import "../assets/styles/mixins.scss";
.search-box-wrapper {
    position: relative;
    width: 100% !important;
}

.xico-action-magnifier {
    position: absolute;
    left: $gutter-zero;
    padding: 0;
    line-height: inherit;
    pointer-events: none;
}

input {
    width: 100%;
    padding-left: $gutter-base*4;
    border: none;
    @include border-bottom($border-base, $border-default-pattern, $color-grey-4);
}

input:focus {
    box-shadow: none;
    outline: none;
}

@media (max-width: $tablet-screen) {
    input {
        border: none;
    }
}