// Media
@import 'media/_screen';

/*
    Необходимо для работы компонента common/media.js. Используем font-family, так как это текстовое свойство
    и работает не только у псевдоэлементов (в отличие от content)
*/

/* stylelint-disable declaration-property-value-allowed-list,
font-family-no-missing-generic-family-keyword */
.bloko-media-marker {
    display: none;
    font-family: m;

    @media @screen-gt-m {
        font-family: l;
    }

    @media @screen-lt-m {
        :global(.xs-friendly) &,
        :global(.s-friendly) & {
            font-family: s;
        }
    }

    @media @screen-lt-s {
        :global(.xs-friendly) & {
            font-family: xs;
        }
    }
}
/* stylelint-enable */