@import '../root.css';
@import '../font_definitions.css';
@import '../global_styles.css' ;



.user_avatar_small_tag
   {
   flex-grow:                 0 ;
   flex-shrink:               0 ;
   width:                     calc( 50 * var( --zoom-factor ) ) ;
   height:                    calc( 50 * var( --zoom-factor ) ) ;
   border-radius:             calc( 25 * var( --zoom-factor ) ) ;
   text-align:                center ;
   border:                    1px solid var( --light-purple-color ) ;
   margin-top:                calc( 10 * var( --zoom-factor ) ) ;
   }

.user_avatar_small_tag > img
   {
   }

.user_avatar_small_tag_initials
   {
   text-align:                center ;
   font-family:               ZillaSlabBold, sans-serif ;
   font-size:                 1.7em ;
   color:                     var( --medium-purple-color ) ;
   margin-top:                calc( 10 * var( --zoom-factor ) ) ;
   }