/*  COLORs and PATTERNs *******************************************************\
TODO
    sort and get together
    -> bugs in .blogged: try resizing the browser and look
                         border isn't opacity=1
    search/found: more space for input
    review tooltip layout
    leaf: doesn't fit to smaller screen
** ************************************************************************** */
/* ** VIDEOSHOW ************************************************************ */
.vid{
    display:inline-block;
    margin:12px;
    cursor:pointer;
    background:var(--base-light);
    border:1px solid var(--base-full);
    border-radius:8px;
    width:20%;
    height:auto;
    video{
        max-width:100%;
        max-height:calc(100% - 24px);
        border-color:var(--base-light);
        border-radius:8px;
    }
    div{
        *{
            display:inline-block;
        }
        input{
            width:calc(100% - 36px);
        }
        button{
            width:32px;
            float:right;
        }
    }
}
.vid:hover{
    /*border:1px solid var(--base-full);*/
}
.vidset{
    background:linear-gradient(
        90deg,
        var(--base-light) 0px,
        var(--base-light) calc(100% - 48px),
        var(--base-full) calc(100% - 42px),
        var(--base-light) calc(100% - 36px),
        var(--base-light) calc(100% - 12px),
        var(--base-full) calc(100% - 4px),
        var(--base-light) 100%
        );
    border-radius:4px;
    border-color:var(--base-light);
}
.vidset:hover{
    animation: rolling 0.1s 1s infinite alternate ease-in-out;
}
.maxvid{
    margin:0px;
    width:calc(100% - 32px);
    video{
        width:100%;
    }
}
.uk{
    a{
        margin-right:12px;
    }
}