.tag {
    padding: 0.25rem 0.5rem;
    border: var(--border);
    border-radius: 0.25rem;
    color: var(--white15);
    background-color: var(--transparent85);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tag[data-tag="category"] {
    background-color: color-mix(in srgb, var(--purple) 15%, transparent 85%);
}

.tag[data-tag="SFW"] {
    background-color: color-mix(in srgb, var(--success) 15%, transparent 85%);
}

.tag[data-tag="NSFW"] {
    background-color: color-mix(in srgb, var(--danger) 15%, transparent 85%);
}

.stickerview {
    gap: 1.5rem;
}

.stickerview .stickericon {
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.stickerview .stickericon a {
    text-align: center;
}

.stickerview .imgcont.small {
    width: 32px;
    height: 32px;
}

.stickerview .imgcont.large {
    width: 64px;
    height: 64px;
}

.stickerview .imgcont.original {
    width: 128px;
    height: 128px;
}

.stickerList {
    gap: 1.5rem;
}

.stickerList > .box,
.stickerList .wrap {
    gap: 0.75rem;
}

.stickerList .wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
    justify-content: start;
}

.stickerList .wrap .imgcont {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.stickerList .wrap .imgcont,
.stickerList .wrap .imgcont img,
.stickerview .imgcont,
.stickerview .imgcont img {
    border-radius: 0px !important;
}