.tag {
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 15px
}

.tag:hover {
    background: rgba(126,211,33,0.1)
}

.tag.has-icon {
    position: relative;
    padding-left: 35px
}

.tag.has-icon:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: calc(50% - 9px);
    background-size: 100%
}

.tag.tutorial:before {
    background-image: url("assets/graphics/play-symbol-black.svg")
}

.tag.pdf:before {
    background-image: url("assets/graphics/pdf-symbol.svg")
}

.tags.tag-selected .tag {
    opacity: 0.3
}

.tags.tag-selected .selected {
    opacity: 1
}

.archive-card {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: flex-start
}

.archive-card .logo img {
    max-height: 30px
}

.archive-card .header,.archive-card .link {
    padding: 20px;
    margin: 0
}

.archive-card .link {
    align-self: flex-end;
    padding-bottom: 40px
}

.archive-card:hover .arrowlink:after {
    transform: translateX(5px)
}

.archive-card .tag {
    position: absolute;
    background: white;
    right: 10px;
    top: 10px
}

.archive-card .tag.pdf {
    padding: 5px
}

.archive-card .tag.pdf:before {
    position: static;
    width: 25px;
    height: 25px
}

.archive.sort-mode .archive-card-cell {
    display: none
}

.archive.sort-mode .archive-card-cell.selected {
    display: flex
}