.ColorCodeGenerator-module-scss-module__iR93lW__colorPickerContainer{flex-direction:row;align-items:center;gap:20px;margin:20px 0;display:flex}.ColorCodeGenerator-module-scss-module__iR93lW__colorPicker{cursor:pointer;border:2px solid #111827;border-radius:5px;width:150px;height:150px}.ColorCodeGenerator-module-scss-module__iR93lW__colorDisplay{border:2px solid #111827;border-radius:5px;justify-content:center;align-items:center;width:200px;height:150px;display:flex}.ColorCodeGenerator-module-scss-module__iR93lW__colorDisplayText{background:rgba(255,255,255,.9);border-radius:3px;padding:5px 10px;font-size:20px;font-weight:700}.ColorCodeGenerator-module-scss-module__iR93lW__colorCodeTable{border-collapse:collapse;width:100%;margin:15px 0}.ColorCodeGenerator-module-scss-module__iR93lW__colorCodeTable th{text-align:left;background:#f9fafb;border-bottom:1px solid #111827;width:240px;padding:10px}.ColorCodeGenerator-module-scss-module__iR93lW__colorCodeTable td{border-bottom:1px solid #111827;width:calc(100% - 240px);padding:10px}.ColorCodeGenerator-module-scss-module__iR93lW__codeContainer{flex-direction:row;align-items:center;gap:15px;display:flex}.ColorCodeGenerator-module-scss-module__iR93lW__colorCode{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-family:monospace;font-size:16px;font-weight:600}.ColorCodeGenerator-module-scss-module__iR93lW__copyButton{cursor:pointer;color:#fff;background:#9ca3af;border:2px solid #9ca3af;border-radius:5px;padding:8px 20px;font-size:14px;font-weight:600;line-height:100%;transition:color .5s,background-color .5s}.ColorCodeGenerator-module-scss-module__iR93lW__copyButton:hover{color:#111827;background:#fff;border:2px solid #9ca3af}