/* Container */
.jet-engine-avatar-container {
    width: 30px;
    height: 30px;
}

.jet-engine-avatar-50px .jet-engine-avatar-container {
    width: 50px;
    height: 50px;
}
.jet-engine-avatar-70px .jet-engine-avatar-container {
    width: 70px;
    height: 70px;
}
.jet-engine-avatar-100px .jet-engine-avatar-container {
    width: 100px;
    height: 100px;
}
.jet-engine-avatar-150px .jet-engine-avatar-container {
    width: 150px;
    height: 150px;
}

/* Image */
.jet-engine-avatar-container .jet-engine-avatar-image {
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}

.jet-engine-avatar-50px .jet-engine-avatar-container .jet-engine-avatar-image {
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}
.jet-engine-avatar-70px .jet-engine-avatar-container .jet-engine-avatar-image {
    width: 70px;
    height: 70px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}
.jet-engine-avatar-100px .jet-engine-avatar-container .jet-engine-avatar-image {
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}
.jet-engine-avatar-150px .jet-engine-avatar-container .jet-engine-avatar-image {
    width: 150px;
    height: 150px;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
}
.jet-engine-avatar-container .jet-engine-avatar-image img {
    object-fit: cover;
    object-position: center center;
    border-radius: 100%;
}
.jet-engine-avatar-container .jet-engine-avatar-image img {
    width: 30px;
    height: 30px;
}
.jet-engine-avatar-50px .jet-engine-avatar-container .jet-engine-avatar-image img {
    width: 50px;
    height: 50px;
}
.jet-engine-avatar-70px .jet-engine-avatar-container .jet-engine-avatar-image img {
    width: 70px;
    height: 70px;
}
.jet-engine-avatar-100px .jet-engine-avatar-container .jet-engine-avatar-image img {
    width: 100px;
    height: 100px;
}
.jet-engine-avatar-150px .jet-engine-avatar-container .jet-engine-avatar-image img {
    width: 150px;
    height: 150px;
}

/* Image - CC-0 */
.cc-0 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-9ca0ed2);
    border-color: var(--e-global-color-9ca0ed2);
}
body.mode .cc-0 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-bcec371);
    border-color: var(--e-global-color-bcec371);
}

/* Image - CC-1 */
.cc-1 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-40cf936);
    border-color: var(--e-global-color-40cf936);
}
body.mode .cc-1 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-d4b1a21);
    border-color: var(--e-global-color-d4b1a21);
}

/* Image - CC-2 */
.cc-2 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-d99ca76);
    border-color: var(--e-global-color-d99ca76);
}
body.mode .cc-2 .jet-engine-avatar-container .jet-engine-avatar-image {
    background-color: var(--e-global-color-295a6a0);
    border-color: var(--e-global-color-295a6a0);
}

/* Icon */
.jet-engine-avatar-container .jet-engine-avatar-svg {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    padding: 5px;
}
.jet-engine-avatar-50px .jet-engine-avatar-container .jet-engine-avatar-svg {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    padding: 10px;
}
.jet-engine-avatar-70px .jet-engine-avatar-container .jet-engine-avatar-svg {
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    padding: 15px;
}
.jet-engine-avatar-100px .jet-engine-avatar-container .jet-engine-avatar-svg {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    padding: 20px;
}
.jet-engine-avatar-150px .jet-engine-avatar-container .jet-engine-avatar-svg {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 100%;
    padding: 30px;
}

 /* Icon - CC-0 */
.cc-0 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-9ca0ed2);
    background-color: var(--e-global-color-9ca0ed2);
}
body.mode .cc-0 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-bcec371);
    background-color: var(--e-global-color-bcec371);
}

/* Icon - CC-1 */
.cc-1 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-40cf936);
    background-color: var(--e-global-color-40cf936);
}
body.mode .cc-1 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-d4b1a21);
    background-color: var(--e-global-color-d4b1a21);
}

/* Icon - CC-2 */
.cc-2 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-d99ca76);
    background-color: var(--e-global-color-d99ca76);
}
body.mode .cc-2 .jet-engine-avatar-container .jet-engine-avatar-svg {
    border-color: var(--e-global-color-295a6a0);
    background-color: var(--e-global-color-295a6a0);
}

/* Icon - SVG */
.jet-engine-avatar-container .jet-engine-avatar-svg svg {
    width: auto;
    height: auto;
}

/* Icon - SVG Primary - CC-0 */
.cc-0 .jet-engine-avatar-container .jet-engine-avatar-svg svg, .cc-1 .jet-engine-avatar-container .jet-engine-avatar-svg svg, .cc-2 .jet-engine-avatar-container .jet-engine-avatar-svg svg {
    fill: var(--e-global-color-e8d2580);
}
body.mode .cc-0 .jet-engine-avatar-container .jet-engine-avatar-svg svg, body.mode .cc-1 .jet-engine-avatar-container .jet-engine-avatar-svg svg, body.mode .cc-2 .jet-engine-avatar-container .jet-engine-avatar-svg svg {
    fill: var(--e-global-color-74e93c4);
}