Gyazo grid view custom by yuiseki

/* ==UserStyle==
@name       Gyazo grid view custom
@version    20250112.01.48
@namespace  https://userstyles.world/user/yuiseki
@author     yuiseki
@license    MIT
==/UserStyle== */

@-moz-document regexp("/https?:\\/\\/gyazo\\.(.*)\\/*/") {
.card .hover-layer {
    z-index: 300;
}

.checkable > .card-checkmark {
    z-index: 300;
}

div.card:has(div[data-image-metadata-is-public="true"]) {
    border: 3px solid rgba(30, 144, 255, 0.8);
}

div.card:has(div[data-image-metadata-is-public="false"]) {
    border: 3px dashed rgba(30, 144, 255, 0.3);
}


div.card:has(div[data-image-has-tags="true"]) {
    border-bottom: 4px solid green;
}

div.card:has(div[data-image-has-transcripiont="true"]) {
    border-bottom: 4px solid red;
}


div[data-image-access-policy="only_me"] {
    pointer-events: auto;
}

div[data-image-access-policy="passphrase"] {
    pointer-events: auto;
}

div[data-image-access-policy="only_me"]::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% + 20px);
    margin: 5px;
    opacity: 1;
    backdrop-filter: blur(10px);
    z-index: 100;
    pointer-events: auto;
}

div[data-image-access-policy="only_me"]:hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% + 22px);
    margin: 5px;
    opacity: 0.6;
    backdrop-filter: blur(5px);
    z-index: 1;
    pointer-events: auto;
}


div[data-image-access-policy="passphrase"]::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% + 20px);
    margin: 5px;
    opacity: 1;
    backdrop-filter: blur(10px);
    z-index: 100;
    pointer-events: auto;
}

div[data-image-access-policy="passphrase"]:hover::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% + 22px);
    margin: 5px;
    opacity: 0.6;
    backdrop-filter: blur(5px);
    z-index: 1;
    pointer-events: auto;
}
}