.create-character-modal_form___WRPX{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.create-character-modal_imageGrid__IA4ed{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;border:2px solid var(--color-secondary);border-radius:.5rem;background-color:var(--color-background)}.create-character-modal_imageOption__kXLOr{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid transparent;border-radius:.5rem;background-color:var(--color-background-secondary);cursor:pointer;transition:all .2s ease-in-out}.create-character-modal_imageOption__kXLOr:hover{border-color:var(--color-primary);transform:translateY(-2px)}.create-character-modal_imageOption__kXLOr.create-character-modal_selected__FeWg_{border-color:var(--color-primary);background-color:rgba(255,184,35,.1);box-shadow:0 0 0 3px rgba(255,184,35,.2)}.create-character-modal_characterImage__sTx_h{border-radius:.375rem;object-fit:cover}.create-character-modal_imageName__TorC5{margin-top:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text);text-align:center;opacity:.9}.create-character-modal_imageOption__kXLOr.create-character-modal_selected__FeWg_ .create-character-modal_imageName__TorC5{color:var(--color-primary);opacity:1;font-weight:700}.create-character-modal_loadingImages__nxUxt{text-align:center;padding:2rem;color:var(--color-text-muted)}@media (max-width:640px){.create-character-modal_form___WRPX{padding:0 1rem 1rem}.create-character-modal_imageGrid__IA4ed{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px}}