.wdfy-wrapper{
margin-top:20px;
padding:20px;
border:1px solid #eee;
background:#fafafa
}

.wdfy-wrapper label{
display:block;
margin-top:10px;
font-weight:600
}

.wdfy-wrapper select,
.wdfy-wrapper input[type=text],
.wdfy-wrapper textarea{
width:100%;
padding:8px
}

.wdfy-swatches{
display:flex;
gap:15px;
margin-top:8px
}

.swatch{
display:flex;
flex-direction:column;
align-items:center;
cursor:pointer
}

.swatch span{
width:36px;
height:36px;
border:2px solid #000;
display:block
}

.swatch input{
display:none
}

.swatch input:checked + span{
outline:3px solid #ff2b6a
}

.swatch small{
font-size:12px;
margin-top:4px
}