/* ------------------------------- assignment-asset */
assignment-asset {
    display: grid;
    grid-template-areas:
        "asset-icon asset-name asset-run asset-download";
    grid-template-columns: 15px 1fr 15px 15px;
    gap: var(--gap-medium);
}

.asset-fail-content {
    grid-area: asset-name;
    font-size: 0.8rem;
    color: var(--wb-60);
}

.assignment-asset-icon {
    grid-area: asset-icon;
    height: 15px;
    width: 15px;
    fill: var(--wb-50);
}

.assignment-asset-name {
    grid-area: asset-name;
    font-size: 0.8rem;
    color: var(--wb-60);
}

.assignment-asset-run {
    grid-area: asset-run;
}

.assignment-asset-download {
    grid-area: asset-download;
}

.assignment-asset-link {
    cursor: pointer;
    height: 15px;
    width: 15px;
    fill: var(--wb-80);
    transition: fill 0.4s;
}

.assignment-asset-link:hover {
    fill: var(--gold);
}

.assignment-asset-disabledLink {
    cursor: default;
    opacity: 0.2;
    height: 15px;
    width: 15px;
    fill: var(--wb-80);
}