@include export-module('co-email-selector-layout') {
 .co-email-selector {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   row-gap: 5px;
   padding-left: 40px;
   .recipients-line {
     width: 100%;
     display: flex;
     flex-direction: row;
     gap: 60px;

     .recipients-bcc, .recipients-add {
       display: flex;
       gap: 5px;
       align-items: center;
       min-width: 80px;
       label {
         font-size: 12px;
       }
     }
     .recipients-bcc {
       cursor: pointer;
     }
     .co-input-text, .co-list-of-values {
       background: transparent;
       &:before {
         box-shadow: none;
       }
     }
     .co-button {
       background: none;
       .co-icon {
         width: 20px;
         height: 20px;
       }
     }
     .co-input-text {
       width: 100%;
       position: unset;
       .input-wrapper {
         position: unset;
         label {
           left: 0;
           top: 50%;
           transform: translateY(-50%);
         }
         input {
           padding: 0 0 0 10px;
           align-self: center;
         }
       }
     }
     .co-list-of-values {
       min-width: 150px;
     }
   }
 }
}