@charset "UTF-8";

#clean{
    background:#77d;
    color:white;
    padding:2px 7px;
    border-radius:var(--radius-small);
    font-size:14px;
    cursor:pointer;
}

.flex-box {
    padding-top:45px;

    &:empty:before{
        content:'Пока здесь пока ничего нет';
        font-size:18px;
    }
    .preview {
        border:var(--tt-border);
        border-radius:var(--radius-big);
        overflow:hidden;
        display:flex;
        flex-flow:column;
        justify-content: space-evenly;
        position:relative;
        &:hover{box-shadow:var(--shadow-a);}
        a {
            text-align:center;
            padding:5px;
            img {
                object-fit:contain;
                aspect-ratio:1;
                height:180px;
            }

        }
        h3 {
            font-size:15px;
            line-height:1.15;
            font-weight:500;
            text-align:center;
            color:#555;
            padding:0;
        }
        .favor {
            position:absolute;
            right:0;
            top:0;
            &:before {
                color:gold;
                font-size:24px;
            }
        }
    }
}