.hdm-image-btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--modal-bg2);box-sizing:border-box;outline:2px solid #0000;padding:0;font-family:inherit;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;display:block;position:relative;overflow:hidden}.hdm-image-btn:focus-visible{border:0 solid var(--primary-color);outline:2px solid var(--primary-color);outline-offset:2px}.hdm-image-btn .image{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:filter .3s ease-in-out;display:block}.hdm-image-btn .overlay{opacity:0;background-color:color-mix(in srgb, var(--background) 45%, transparent);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:absolute;inset:0}.hdm-image-btn .overlay svg{color:var(--text-primary)}.hdm-image-btn:not(.disabled):hover .image,.hdm-image-btn:not(.disabled):focus-visible .image{filter:blur(6px)}.hdm-image-btn:not(.disabled):hover .overlay,.hdm-image-btn:not(.disabled):focus-visible .overlay{opacity:1}.hdm-image-btn.empty{border-style:dashed}.hdm-image-btn.empty .overlay{opacity:1;background-color:#0000}.hdm-image-btn.empty .overlay svg{color:var(--text-secondary);transition:color .2s ease-in-out}.hdm-image-btn.empty:not(.disabled):hover .overlay svg{color:var(--primary-color)}.hdm-image-btn.disabled{cursor:not-allowed}.hdm-image-btn.disabled .image{opacity:.4}