@import "pages/team/founder/timeline-kenPyGG.css";
@import "pages/team/founder/index-tGAfgo0.css";

/* Album Card */
.album-card-image {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.album-card-image img {
    max-height: 400px;
    max-width: 100%;
    object-fit: contain;
}

/* Base icon sizes */
.icon-1em {
    width: 1em !important;
    height: 1em !important;
}

.icon-2em {
    width: 2em !important;
    height: 2em !important;
}

.icon-3em {
    width: 3em !important;
    height: 3em !important;
}

.icon-4em {
    width: 4em !important;
    height: 4em !important;
}

.icon-5em {
    width: 5em !important;
    height: 5em !important;
}

.icon-6em {
    width: 6em !important;
    height: 6em !important;
}

.icon-7em {
    width: 7em !important;
    height: 7em !important;
}

.icon-8em {
    width: 8em !important;
    height: 8em !important;
}

.icon-9em {
    width: 9em !important;
    height: 9em !important;
}

.icon-10em {
    width: 10em !important;
    height: 10em !important;
}

/* Responsive icon sizes - sm (≥576px) */
@media (min-width: 576px) {
    .icon-sm-1em {
        width: 1em !important;
        height: 1em !important;
    }

    .icon-sm-2em {
        width: 2em !important;
        height: 2em !important;
    }

    .icon-sm-3em {
        width: 3em !important;
        height: 3em !important;
    }

    .icon-sm-4em {
        width: 4em !important;
        height: 4em !important;
    }

    .icon-sm-5em {
        width: 5em !important;
        height: 5em !important;
    }

    .icon-sm-6em {
        width: 6em !important;
        height: 6em !important;
    }

    .icon-sm-7em {
        width: 7em !important;
        height: 7em !important;
    }

    .icon-sm-8em {
        width: 8em !important;
        height: 8em !important;
    }

    .icon-sm-9em {
        width: 9em !important;
        height: 9em !important;
    }

    .icon-sm-10em {
        width: 10em !important;
        height: 10em !important;
    }
}

/* Responsive icon sizes - md (≥768px) */
@media (min-width: 768px) {
    .icon-md-1em {
        width: 1em !important;
        height: 1em !important;
    }

    .icon-md-2em {
        width: 2em !important;
        height: 2em !important;
    }

    .icon-md-3em {
        width: 3em !important;
        height: 3em !important;
    }

    .icon-md-4em {
        width: 4em !important;
        height: 4em !important;
    }

    .icon-md-5em {
        width: 5em !important;
        height: 5em !important;
    }

    .icon-md-6em {
        width: 6em !important;
        height: 6em !important;
    }

    .icon-md-7em {
        width: 7em !important;
        height: 7em !important;
    }

    .icon-md-8em {
        width: 8em !important;
        height: 8em !important;
    }

    .icon-md-9em {
        width: 9em !important;
        height: 9em !important;
    }

    .icon-md-10em {
        width: 10em !important;
        height: 10em !important;
    }
}

/* Responsive icon sizes - lg (≥992px) */
@media (min-width: 992px) {
    .icon-lg-1em {
        width: 1em !important;
        height: 1em !important;
    }

    .icon-lg-2em {
        width: 2em !important;
        height: 2em !important;
    }

    .icon-lg-3em {
        width: 3em !important;
        height: 3em !important;
    }

    .icon-lg-4em {
        width: 4em !important;
        height: 4em !important;
    }

    .icon-lg-5em {
        width: 5em !important;
        height: 5em !important;
    }

    .icon-lg-6em {
        width: 6em !important;
        height: 6em !important;
    }

    .icon-lg-7em {
        width: 7em !important;
        height: 7em !important;
    }

    .icon-lg-8em {
        width: 8em !important;
        height: 8em !important;
    }

    .icon-lg-9em {
        width: 9em !important;
        height: 9em !important;
    }

    .icon-lg-10em {
        width: 10em !important;
        height: 10em !important;
    }
}

/* Responsive icon sizes - xl (≥1200px) */
@media (min-width: 1200px) {
    .icon-xl-1em {
        width: 1em !important;
        height: 1em !important;
    }

    .icon-xl-2em {
        width: 2em !important;
        height: 2em !important;
    }

    .icon-xl-3em {
        width: 3em !important;
        height: 3em !important;
    }

    .icon-xl-4em {
        width: 4em !important;
        height: 4em !important;
    }

    .icon-xl-5em {
        width: 5em !important;
        height: 5em !important;
    }

    .icon-xl-6em {
        width: 6em !important;
        height: 6em !important;
    }

    .icon-xl-7em {
        width: 7em !important;
        height: 7em !important;
    }

    .icon-xl-8em {
        width: 8em !important;
        height: 8em !important;
    }

    .icon-xl-9em {
        width: 9em !important;
        height: 9em !important;
    }

    .icon-xl-10em {
        width: 10em !important;
        height: 10em !important;
    }
}