@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;
@use 'iro-design/src/mixins' as mx;
@use '../functions' as fn2;

@include iro.props-namespace('figure') {
    @include iro.bem-component(iro.props-namespace()) {
        margin:  fn.global-dim(--paragraph --margin-top) 0 0;
        padding: 0;

        @include iro.bem-elem('link') {
            display: block;
        }

        @include iro.bem-elem('image') {
            display:    block;
            max-width:  100%;
            max-height: 70vh;
        }
    }
}