.employee-view-widget {
    margin: 0 var(--spacing-small) var(--spacing-medium) var(--spacing-small);
}

.employee-view-widget .image-list img{
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-bottom: var(--spacing-small);
}

.employee-view-widget .chip,
.employee-view-widget .chip-image {
    position: relative;
    display: inline-block;
    padding: 4px 12px;
    font-size: var(--typography-body-fontSize);
    border-radius: 10px;
    background-color: var(--color-normal-light);
    margin-top: 0;
    margin-bottom: 8px;
    cursor: pointer;
    text-decoration: none;
    padding-right: 0;
    overflow: hidden;
}
.employee-view-widget .chip.active,
.employee-view-widget .chip-image.active {
    background-color:  var(--color-primary-bg);
    color: var(--color-normal-light);
}
.employee-view-widget .content-pdf object {
    background-color: var(--color-normal-light);
}
.employee-view-widget .content-pdf object,
.employee-view-widget .content-pdf img {
    display: none;
    object-fit: contain;
    object-position: top;
}
.employee-view-widget .content-pdf object.active,
.employee-view-widget .content-pdf img.active {
    display: block;
}