.sketch-canvas-wrap{gap:12px;display:grid}.sketch-canvas-wrap canvas{touch-action:none;cursor:crosshair;background:#fffdf8;border:3px solid #382057;border-radius:16px;width:100%;height:auto;max-height:300px;box-shadow:0 5px #2d174d}.sketch-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sketch-tools>div{gap:6px;display:flex}.sketch-tools button{color:#493067;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:2px solid #c4aade;border-radius:10px;padding:0 12px;font-size:12px;font-weight:800}.sketch-tools>div>button{border-radius:999px;width:32px;min-height:32px;padding:0}.sketch-tools>div>button.selected{border-color:#493067;box-shadow:0 0 0 3px #8652dc55}.sketch-tools .sketch-submit{color:#fff;background:#8652dc;border-color:#5c2eac;margin-left:auto;box-shadow:0 3px #5c2eac}.sketch-tools button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sketch-canvas-avatar{min-width:0}.sketch-canvas-avatar canvas{aspect-ratio:1;justify-self:center;width:min(100%,320px);max-height:none;display:block}.sketch-canvas-avatar .sketch-tools{gap:10px 8px}.sketch-canvas-avatar .sketch-tools>div{flex-wrap:wrap}.sketch-tools .sketch-custom-colour{color:#493067;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.sketch-tools .sketch-custom-colour input{cursor:pointer;background:#fff;border:2px solid #c4aade;border-radius:8px;width:34px;height:34px;min-height:0;padding:2px}.sketch-canvas-avatar .sketch-tools .sketch-submit{margin-left:0}.sketch-canvas-wrap canvas[aria-disabled=true]{cursor:not-allowed;opacity:.65}.avatar-picker .avatar-draw-toggle{color:#65359d;min-height:40px;font:inherit;cursor:pointer;background:#f7f0ff;border:2px solid #d5c0f4;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.avatar-picker .avatar-draw-toggle:hover{background:#eee0ff;border-color:#8652dc}.avatar-picker .avatar-draw-toggle:disabled{opacity:.55;cursor:not-allowed}.avatar-drawing-panel{background:#faf6ff;border:2px solid #e2d2f3;border-radius:14px;gap:14px;min-width:0;margin-top:14px;padding:16px;display:grid}.avatar-drawing-panel>p{color:#765d8d;margin:0;font-size:12px;line-height:1.6}.avatar-picker .avatar-drawing-panel .form-error{margin:0}@media (width<=480px){.avatar-drawing-panel{padding:12px}.avatar-drawing-panel .sketch-submit{width:100%}}.avatar-art.avatar-pending{background:#d5c0ed;border-radius:25%;flex-shrink:0;display:inline-block}