@use '../../variables' as *;

$b: '.banner';

#{$b} {
    border-radius: $banner-radius;
    display: block;
    overflow: hidden;

    .content__header + .content__block > & {
        margin-bottom: -4px * 3;
    }

    &__image {
        display: block;
        width: 100%;

        &_mobile {
            @media (--tablet-landscape-up) {
                display: none;
            }
        }

        &_desktop {
            @media (--tablet-portrait-down) {
                display: none;
            }
        }
    }
}