@use '../../../assets/sass/objects/v7/links' as *;
@use '../../../assets/sass/objects/v7/icons' as *;

@use '../../../assets/sass/tools/v7/utils'as *;
@use '../../../assets/sass/tools/v7/colors'as *;
@use '../../../assets/sass/tools/v7/mq'as *;
@use '../../../assets/sass/tools/v7/spacing'as *;
@use '../../../assets/sass/tools/v7/typography'as *;
@use '../../../assets/sass/tools/v7/zindex'as *;

@use '../../../assets/sass/settings/v7/layout-standard' as *;
@use '../../../assets/sass/settings/v7/atomictypography.map' as *;
@use '../../../assets/sass/settings/v7/colors.tokens' as *;
@use '../../../assets/sass/settings/v7/colors.map' as *;
@use '../../../assets/sass/settings/v7/sizes.map' as *;
@use '../../../assets/sass/settings/v7/spacing.tokens' as *;
@use '../../../assets/sass/settings/v7/typography.tokens' as *;
@use '../../../assets/sass/settings/v7/visibility.map' as *;
@use '../../../assets/sass/settings/v7/global' as *;
@use '../../../assets/sass/settings/v7/properties' as *;
@use '../../../assets/sass/settings/v7/scrollbar' as *;

.c-avatar {
  --story-thumb-size: 4rem;
  grid-area: thumb;
  width: var(--story-thumb-size);
  height: var(--story-thumb-size);
  background-color: var(--theme-color);
  [data-theme="today"] & {
    background-color: #{$category-04};
  }
  &--small {
    --story-thumb-size: 2rem;
  }
  &--large {
    --story-thumb-size: 7rem;
  }


  &__thumb {
    filter: drop-shadow(5px 5px 5px #{$ui-06});
    flex: 1 0 auto;
    transform: rotateZ(0);

    .c-entry & {
      margin: 0;
    }
  }
}