/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 11 2026 | 20:30:56 */
.lista-variacoes-galeria{
    display:flex;
    flex-direction:column;
	border-radius:5px;
	box-shadow: 0 0 5px black;
	width:100%;
	margin:0px;
	padding:0px;
}

.lista-variacoes-galeria .variacao + .variacao{
    border-top:1px solid #ddd;
}

.lista-variacoes-galeria .variacao{
    display:flex;
    align-items:center;
    gap:5px;

    padding:5px;
	margin:0px;
    background:white;
	border-radius:5px;

    min-height:60px;
	
	width:100%;
}

.lista-variacoes-galeria .variacao .ordem{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.lista-variacoes-galeria .variacao .ordem button{
    width:20px;
    height:20px;
    border:1px solid transparent;
	border-radius:5px;
	box-shadow: 0 0 5px black;	
    background:white;
    cursor:pointer;
    font-size:10px;
    transition:.15s;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	position:relative;
	color:black;
}

.lista-variacoes-galeria .variacao .ordem button:hover{
    background:lightgray;
}

.lista-variacoes-galeria .variacao .ordem button.desativado{
    background:lightgray;
	cursor: not-allowed;
}


.lista-variacoes-galeria .variacao .thumb{
    width:45px;
    height:45px;
    flex-shrink:0;
	border-radius:5px;
	box-shadow: 0 0 5px black;	
}

.lista-variacoes-galeria .variacao .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:5px;
    border:none;
}

.lista-variacoes-galeria .variacao .nome{
    flex:1;
    font-size:15px;
    font-weight:600;
    color:black;
}

.lista-variacoes-galeria .variacao .preview{
    width:45px;
    height:45px;
	border-radius:5px;
	box-shadow: 0 0 5px black;
    border:1px solid transparent;
    flex-shrink:0;
    overflow:hidden;
}

/* fundo quadriculado de transparência */
.lista-variacoes-galeria .variacao .preview.vazio{
    background:
        linear-gradient(45deg, #eee 25%, transparent 25%),
        linear-gradient(-45deg, #eee 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eee 75%),
        linear-gradient(-45deg, transparent 75%, #eee 75%);
    background-size:16px 16px;
    background-position:0 0, 0 8px, 8px -8px, -8px 0px;
}

.lista-variacoes-galeria .variacao .acao{
    height:45px;
    padding:0 10px;
    border: 2px solid transparent;
	border-radius:5px;
	box-shadow: 0 0 5px black;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    transition:.15s;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-wrap:nowrap;
	gap:5px;
	
	position:relative;
}

.lista-variacoes-galeria .variacao .acao.selecionar{
    background:green;
    color:white;
}

.lista-variacoes-galeria .variacao .acao.selecionar:hover{
    background:white;
    color:green;
}

.lista-variacoes-galeria .variacao .acao.remover{
    background:red;
    color:white;
}

.lista-variacoes-galeria .variacao .acao.remover:hover{
    background:white;
    color:red;
}