.component-options{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.75rem}.component-options label:has(input[type=radio]){display:inline-flex;border:2px solid transparent;border-radius:.375rem;padding:.25rem;cursor:pointer;transition:all .2s ease}.component-options label:has(input[type=radio]:checked){border-color:#000;box-shadow:none}.component-options label img{display:block;width:75px;height:75px}.component-options label{position:relative}.component-option-tooltip{background-color:#000;font-family:inter;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;pointer-events:none}.component-options label:has(input[type=radio]:disabled) img{opacity:.4;filter:grayscale(100%);cursor:not-allowed}.component-options label:has(input[type=radio]:disabled):before{content:"";position:absolute;top:.25rem;left:.25rem;width:calc(100% - .5rem);height:calc(100% - .5rem);background:linear-gradient(to bottom right,transparent 49%,gray 49%,gray 51%,transparent 51%);pointer-events:none;z-index:1}.component-options label:hover:after{opacity:1}.component-options-error{font-family:inter;color:#dc2626;font-size:.875rem;margin-top:.5rem;display:none}.component-options-error.show{display:block}