.dmvw-root{display:flex;flex-direction:column;gap:20px;width:100%}.dmvw-ui{display:flex;flex-direction:column;gap:20px}.dmvw-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.dmvw-label{font-weight:600;line-height:1.3}.dmvw-color-options,.dmvw-size-options{display:flex;flex-wrap:wrap;gap:10px;width:100%}.dmvw-swatch,.dmvw-size-button{appearance:none;-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #d0d5dd;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.dmvw-size-button:hover{border-color:#98a2b3}.dmvw-swatch--image:not(.is-disabled):hover{border-color:#98a2b3}/* Swatches use the plugin's is-selected state for visual selection. Prevent theme/Elementor button focus/active colors from leaking into color cards after a mouse click. */
.dmvw-swatch:focus,.dmvw-swatch:active{outline:none!important;-webkit-tap-highlight-color:transparent}.dmvw-swatch--image:focus,.dmvw-swatch--image:active{background-color:#fff}.dmvw-swatch:focus:not(.is-selected),.dmvw-swatch:active:not(.is-selected){box-shadow:none!important}.dmvw-size-button:focus-visible,.dmvw-size-select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.dmvw-swatch--image{display:flex;flex-direction:column;overflow:hidden;padding:4px;width:96px;min-width:0;border-radius:8px}.dmvw-swatch-image{display:block;width:100%;height:74px;overflow:hidden;border-radius:calc(8px - 3px);background:#f2f4f7}.dmvw-swatch-image img{width:100%;height:100%;display:block;object-fit:cover}.dmvw-swatch-name{display:flex;align-items:center;justify-content:center;padding:6px 3px 2px;min-height:36px;font-size:12px;line-height:1.25;text-align:center;white-space:normal!important;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal}.dmvw-swatch--text,.dmvw-size-button{padding:10px 14px;border-radius:6px}.dmvw-swatch.is-selected,.dmvw-size-button.is-selected{border-color:#0b66c3;border-width:2px;box-shadow:0 0 0 1px rgba(11,102,195,.08)}.dmvw-swatch.is-disabled,.dmvw-size-button.is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.dmvw-size-select{appearance:auto;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #d0d5dd;border-radius:6px;width:100%}.dmvw-message{font-size:14px;line-height:1.4;color:#b42318;background:#fef3f2;padding:10px 12px;border-radius:6px}.dmvw-loading{font-size:13px;color:#667085}.dmvw-editor-notice{padding:12px;border:1px dashed #b8c0cc;border-radius:6px;background:#f8fafc;color:#475467}.dmvw-managed .variations{display:none!important}.dmvw-managed .reset_variations{display:none!important}