@use '@cloud-ru/ds-figma-variables/build/scss/styles/styles.module' as base;
@use '@cloud-ru/ds-figma-variables/build/scss/components/card.module' as card;

$sizes: 's', 'm', 'l';

$size-to-emblem-size: (
  's': base.$sn-primitive-dimension-32,
  'm': base.$sn-primitive-dimension-40,
  'l': base.$sn-primitive-dimension-80,
);

.img {
  overflow: hidden;
  flex-shrink: 0;

  box-sizing: border-box;
  border-color: base.$sn-theme-color-material-stateLayer-neutral-border-default-borderColor;
  border-style: solid;
  border-width: base.$sn-primitive-strokeWeight-strokeRegular;
  border-radius: card.$sn-card-anatomy-radius-s-container-borderRadius;

  object-fit: cover;

  @each $size in $sizes {
    &[data-size='#{$size}'] {
      width: base.simple-var($size-to-emblem-size, $size);
      height: base.simple-var($size-to-emblem-size, $size);
    }
  }
}