@include breakpoint('<=small') {

#wrapper {
    @include vendor('flex-direction', 'column');
    height: auto;
    margin: 0;
    box-shadow: 0 0.25rem 1.5rem 0.25rem transparentize(_palette(bg), 0.5);
    > .scrollZone {
        display: none;
    }
    body.is-preload & {
        @include vendor('transform', 'translateY(1rem)');
    }
}

}

@include breakpoint('<=xsmall') {

#wrapper {
    box-shadow: none;
    body.is-preload & {
        @include vendor('transform', 'none');
    }
}

}