.swatch-attribute-buttons-container{display:flex;flex-wrap:wrap;margin-bottom:10px}.swatch-attribute{margin-bottom:15px}.swatch-attribute-label{font-weight:600;margin-bottom:5px;display:block}.swatch-attribute-buttons-container .swatch-option{min-width:40px;height:40px;padding:5px 10px;border:1px solid #ccc;border-radius:4px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.swatch-attribute-buttons-container .swatch-option:hover{border-color:#999;background-color:#f5f5f5}.swatch-attribute-buttons-container .swatch-option.selected{border-color:#6aac91;outline:2px solid #6aac91;background-color:#e4f4ea}.swatch-attribute-buttons-container .swatch-option[option-empty=true]{opacity:.5;cursor:not-allowed;text-decoration:line-through}.swatch-attribute-buttons-container .option-placeholder{color:#999;font-style:italic}.swatch-option.color{background-size:cover !important;background-position:center !important;min-width:40px;height:40px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.swatch-option.color:hover{border-color:#999;outline:1px solid #999}.swatch-option.color.selected{border-color:#6aac91;outline:2px solid #6aac91}.swatch-option.image{min-width:40px;height:50px;max-width:50px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.swatch-option.text{background-color:#f5f5f5;pointer-events:auto !important;cursor:pointer !important;z-index:1;position:relative}.swatch-option.image:hover{border-color:#999;outline:1px solid #999}.swatch-option.image.selected{border-color:#6aac91;outline:2px solid #6aac91}.swatch-select-hidden{display:none !important}.swatch-option.option-placeholder{display:none}