@use "sass:map";
@use "@twig/scss/_global" as global;

.#{component('Salesman', 'class')} {
   display: flex;
   align-items: center;
   width: 100%;
   background: global.$body-bg-alt;
   padding: 20px;
   border-radius: global.$border-radius-base;
   gap: 20px;

   .#{component('Picture', 'class')} {
      min-width: 68px;
      border-radius: 50%;
      overflow: hidden;
   }

   .content {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      column-gap: 40px;

      p {
         margin: 0;
      }
   }
}
