@import "../../../themes/core/colors";
@import "../../../themes/core/typography";
@import "../list/list-base";
.qms-tooltip-container{
    background: #FAFAFA;
    border-radius: 0.25rem;
    font-family: Open Sans, Arial, Sans-Serif;
    
    .qms-text-block{
        .content {
            font-size: 14px;
        }
    }
    
    &.qms-tooltip-container-dark{
        background: #323232;
        color: white;

        div{
            color: white;
        }
    }
    .qms-tooltip-conatainer-text{
        padding: 4px 10px 4px 10px;
        font-size: 0.75em;
        text-align: center;
    }

    .qms-tooltip-conatainer-template{
        padding: 16px;
    }

    .qms-tooltip-image{
        &.image-circle {
            @include image-shape($image-circle-size, $image-circle-size, 50%);
        
            img {
              @include image-shape($image-circle-size, $image-circle-size, 50%);
            }
          }
        
          &.image-rect {
            @include image-shape(
              $image-rect-width,
              $image-square-size,
              $border-radius-default
            );
        
            img {
              @include image-shape(
                $image-rect-width,
                $image-square-size,
                $border-radius-default
              );
            }
          }
        
          &.image-square {
            @include image-shape(
              $image-square-size,
              $image-square-size,
              $border-radius-default
            );
        
            img {
              @include image-shape(
                $image-square-size,
                $image-square-size,
                $border-radius-default
              );
            }
          }
    }
    
}
