.ds-horse-preview {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: cover;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    margin: 0 auto 0.25rem;
}

.ds-fa-with-photos .ds-horse-preview {
    width: min(100cqw, 100cqh);
    height: min(100cqw, 100cqh);
    max-width: 100%;
    max-height: 100%;
}

.ds-fa-tile-top {
    display: grid;
    place-items: center;
    container-type: size;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.ds-fa-tile-top .ds-horse-preview { margin: 0; }
.ds-fa-tile-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    font-size: 1rem;
    line-height: 1.1;
}

.ds-fa-with-photos .ds-fa-alias {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.15;
}

.ds-fa-alias-mare { color: #be461e; }
.ds-fa-alias-male { color: #084298; }
.ds-fa-with-photos .ds-fa-button.ds-orange .ds-fa-alias-mare { color: #450000; }
.ds-fa-with-photos .ds-fa-button.ds-gruen .ds-fa-alias-male,
.ds-fa-with-photos .ds-fa-button.ds-rot .ds-fa-alias { color: #d6e6ff; }
.ds-fa-with-photos .ds-fa-button:hover .ds-fa-alias { color: #ffffff; }
.ds-fa-gender {
    font-weight: 800;
    -webkit-text-stroke: 0.35px currentColor;
}

.ds-fa-details, .ds-fa-run, .ds-fa-days, .ds-fa-window { display: block; max-width: 100%; font-size: 1rem; line-height: 1.1; }
.ds-fa-details { font-family: Arial, sans-serif; }
.ds-fa-duration { white-space: nowrap; }
.ds-fa-run[hidden] { display: none; }

.ds-horse-preview-empty {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid burlywood;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.15;
    vertical-align: top;
}

.ds-fa-with-photos .ds-horse-preview-empty {
    font-size: min(0.7rem, 22cqw, 22cqh);
    line-height: 1;
    white-space: normal;
}

.ds-fa-abo { position: relative; display: inline-block; line-height: 1.2; }

.ds-fa-container.ds-fa-with-photos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 21.3rem;
    margin-left: auto;
    margin-right: auto;
}

.ds-fa-with-photos .ds-fa-button {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 1;
    min-height: 0;
    padding: 0.75rem 0.25rem;
    gap: 0.15rem;
    font-size: 1rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
    border-radius: 0.5rem !important;
}

@media (max-width: 360px) {
    .ds-fa-tile-body,
    .ds-fa-details, .ds-fa-run, .ds-fa-days, .ds-fa-window,
    .ds-fa-abo { line-height: 1; }
    .ds-fa-with-photos .ds-fa-alias { line-height: 1.1; }
}