/**
 * Do not edit directly
 * Generated on Fri, 02 Aug 2024 20:03:08 GMT
 */
/**
 * Do not edit directly
 * Generated on Fri, 02 Aug 2024 20:03:08 GMT
 */
/**
 * Do not edit directly
 * Generated on Fri, 02 Aug 2024 20:03:08 GMT
 */
/**
 * Do not edit directly
 * Generated on Fri, 02 Aug 2024 20:03:08 GMT
 */
/**
 * Do not edit directly
 * Generated on Fri, 02 Aug 2024 20:03:06 GMT
 */
/* mixins & extensions */
/* helper to properly scale internal durations */
/**
* Currently only used in Checkbox.
*/
:host {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%
}

:host([scale=s]) {
    block-size: 1.5rem;
    inline-size: 1.5rem;
    font-size: var(--calcite-font-size--3)
}

:host([scale=m]) {
    block-size: 2rem;
    inline-size: 2rem;
    font-size: var(--calcite-font-size--2)
}

:host([scale=l]) {
    block-size: 2.75rem;
    inline-size: 2.75rem;
    font-size: var(--calcite-font-size-0)
}

.icon {
    display: flex
}

.background {
    display: flex;
    block-size: 100%;
    inline-size: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.initials {
    font-weight: var(--calcite-font-weight-bold);
    text-transform: uppercase;
    color: var(--calcite-color-text-2)
}

.thumbnail {
    block-size: 100%;
    inline-size: 100%;
    border-radius: 50%
}

:host([hidden]) {
    display: none
}

[hidden] {
    display: none
}