.tile-sort{
    list-style: none;
    margin: 0;
    padding: 0;
}

#tile-sort .window-content{
    background: #00000061;
    padding: 0;
    color: blanchedalmond;
}

#tile-list{
    margin:0;
    padding:0;
    min-width: 100%;
}

.img-container{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}

.tile-sort-img{
    height: 50px;
    border: none;
    border-radius: 8px;
}

.tile-sort-item{
    display: flex;
    align-items: center;
    padding: 5px;
    margin-bottom: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.171);
    transition: background-color 0.3s ease-in-out;
}

.tile-sort-item.hidden{
    display: none;
}

.tile-sort-item.controlled{
    background: #00ff004b
}

.tile-sort-item:hover{
    background: rgba(255, 255, 255, 0.123);
}

.tile-sort-name{
    margin-left:5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#hide-tile{
    font-size: 25px;
    position: absolute;
    z-index: 1000;
    text-shadow: 0px 0px 5px rgb(0, 0, 0);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}

#hide-tile.active{
    opacity: 0.7;
}

#hide-tile.active:hover{
    opacity: 0.7;
}

#hide-tile:hover{
    opacity: 0.5;
}

#tile-sort input{
    color: var(--color-text-light-1);
    margin: 0.3rem;
    max-width: calc(100% - 0.6rem);
}