/* MEDIA */

@keyframes hover_index_media_img
{
    0%   {
        transform: scale(1);
    }
    100%  {
        transform: scale(1.05);
    }
}

@keyframes out_index_media_img
{
    0%   {
        transform: scale(1.05);
    }
    100%  {
        transform: scale(1);
    }
}

.one_media_index_image_container
{
    position:relative;
    display: inline-block;
}

.one_media_index_image
{
    width: 100px;
    height: 100px;
    border-radius:5px;
    cursor: pointer;
    margin:5px;

    animation-name: out_index_media_img;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
}

.one_media_index_image:hover
{
    animation-name: hover_index_media_img;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.one_media_index_delete_button
{
    display: none;
    padding: 5px;
    position: absolute;
    right:10px;
    top: 10px;
    background-color:#f6b71b;
    border-radius:100px;
    color: #ffffff;
}

.one_media_index_image_container:hover .one_media_index_delete_button
{
    display: block;
}