.added-resources {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
}
.added-resources-header {
    height: 29px;
    display: flex;
    gap: 7px;
    flex-direction: row;
    background-color: var(--neutralsgrey-3);
    border-radius: 12px 12px 0 0;
    align-items: center;
    padding: 0 12px;
}
.added-resources-contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: var(--neutralswhite);
    border-radius: 0 0 12px 12px;
}

.added-resource {
    min-height: 49px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 25px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: var(--neutralsgray-2-main);
}
.added-resource:first-of-type {
    border-top-width: 0;
    border-top-style: none;
}
.added-resource > div:first-of-type {
    flex-grow: 1;
}

.resource-label {
    display: flex;
    gap: 10px;
    align-items: center;
}

.remove-resource {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 12px;
    cursor: pointer;
}
.remove-resource:hover {
    background-color: var(--redred-2);
}
.remove-resource > img {
    width: 13px;
    height: 12px;
}

.added-resource .resource-link {
    width: auto !important;
    display: flex !important;
    gap: 8px;
    background-color: var(--neutralsgray-2-main);
}

.add-resources {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}
.add-resources > span {
    text-align: center;
    color: var(--neutralsdark-cyan-not-active);
}