.preview-gDIex6UB {
    align-items: center;
    display: flex;
    justify-content: center;
    order: -1;
    position: relative
}

.preview-gDIex6UB,
.preview-gDIex6UB:before {
    border-radius: var(--ui-lib-image-card-preview-border-radius)
}

.preview-gDIex6UB:before {
    background: #f0f3fa;
    content: "";
    height: calc(100% - 2px);
    position: absolute;
    top: 1px;
    width: calc(100% - 2px);
    z-index: -1
}

html.theme-dark .preview-gDIex6UB:before {
    background: #2a2e39
}

.preview-gDIex6UB:after {
    border: 1px solid #6a6d7833;
    border-radius: var(--ui-lib-image-card-preview-border-radius);
    content: "";
    height: calc(100% - 2px);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 2px)
}

html.theme-dark .preview-gDIex6UB:after {
    border: 1px solid #86899333
}

.preview-gDIex6UB.fixedHeight-gDIex6UB {
    height: 180px
}

.preview-gDIex6UB.ratio16by9-gDIex6UB {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {
    .preview-gDIex6UB.ratio16by9-gDIex6UB {
        padding-bottom: 56.25%
    }
}

.preview-gDIex6UB.ratio2by1-gDIex6UB {
    aspect-ratio: 2/1
}

@supports not (aspect-ratio:2/1) {
    .preview-gDIex6UB.ratio2by1-gDIex6UB {
        padding-bottom: 50%
    }
}

.broken-image-gDIex6UB:after {
    border: 1px solid #6a6d78;
    border-radius: var(--ui-lib-image-card-preview-border-radius);
    content: "";
    height: calc(100% - 2px);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 2px)
}

html.theme-dark .broken-image-gDIex6UB:after {
    border: 1px solid #868993
}

.preview-grid-gDIex6UB {
    display: grid;
    grid-template-areas: "top-left-corner top-right-corner" ". ." "bottom-left-corner bottom-right-corner";
    grid-template-columns: repeat(2, minmax(0, auto));
    grid-template-rows: -webkit-min-content auto -webkit-min-content;
    grid-template-rows: min-content auto min-content;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.picture-gDIex6UB {
    display: contents
}

.image-gDIex6UB,
.image-link-gDIex6UB,
.middle-gDIex6UB {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-gDIex6UB {
    background: var(--ui-lib-image-card-preview-background);
    border-radius: var(--ui-lib-image-card-preview-border-radius);
    object-fit: cover
}

.middle-gDIex6UB {
    align-items: center;
    justify-content: center
}

.corner-gDIex6UB,
.middle-gDIex6UB {
    display: flex;
    pointer-events: none;
    z-index: 1
}

.corner-gDIex6UB {
    flex-flow: row nowrap
}

.corner-gDIex6UB>* {
    pointer-events: auto
}

.corner-top-left-gDIex6UB {
    grid-area: top-left-corner;
    padding: 8px 0 0 8px
}

.corner-top-right-gDIex6UB {
    grid-area: top-right-corner;
    justify-content: flex-end;
    padding: 8px 8px 0 0
}

.corner-bottom-left-gDIex6UB {
    align-items: flex-end;
    grid-area: bottom-left-corner;
    padding: 0 0 8px 8px
}

.corner-bottom-right-gDIex6UB {
    align-items: flex-end;
    grid-area: bottom-right-corner;
    justify-content: flex-end;
    padding: 0 8px 8px 0
}