.hex-to-rgba-hex-row{align-items:stretch;width:100%}.hex-to-rgba-hex-text{flex:1;min-width:0}.hex-to-rgba-color-label{display:inline-flex;align-items:center;margin:0;flex-shrink:0;cursor:pointer;border-radius:10px}.hex-to-rgba-color-input{width:48px;height:42px;padding:2px;border:1px solid var(--border);border-radius:10px;background:var(--card);cursor:pointer}.hex-to-rgba-preview-row .hex-to-rgba-preview{position:relative;width:100%;max-width:min(320px,100%);min-height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.hex-to-rgba-preview-checker{position:absolute;inset:0;background-color:color-mix(in srgb,var(--muted) 12%,var(--card));background-image:linear-gradient(45deg,color-mix(in srgb,var(--muted) 35%,var(--border)) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--muted) 35%,var(--border)) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--muted) 35%,var(--border)) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--muted) 35%,var(--border)) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.hex-to-rgba-preview-swatch{position:absolute;inset:0;pointer-events:none}