.avatar-picker{position:relative;flex:none;align-self:center}.journey-app .brandmark.avatar-trigger{display:block;position:relative;width:60px;height:60px;min-height:0;padding:0;border:2px solid #fffdf5;border-radius:19px;background:#e1eee7;box-shadow:0 2px 0 #c4d4c3;overflow:visible;cursor:pointer;transform:none;animation:none;transition:none}.avatar-art{display:block;width:100%;height:100%;flex-shrink:0}.avatar-trigger .avatar-art{border-radius:16px}.avatar-edit{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#285f50;color:white;border:2px solid #fffdf5;font-size:13px;line-height:1}.avatar-trigger:focus-visible{outline:3px solid #ae764e;outline-offset:4px}.avatar-notice{position:absolute;z-index:15;left:0;top:100%;width:240px;background:#fffdf7;border:1px solid #cad8c5;border-radius:12px;padding:10px 14px;box-shadow:0 4px 15px #29494412;font-size:13px;color:#345449;line-height:1.6}.avatar-dialog{position:fixed;inset:0;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d1dbc9;border-radius:26px;background:#fffdf6;color:#294b41;box-shadow:0 24px 80px #17372d33;overflow:auto;overscroll-behavior:contain}.avatar-dialog::backdrop{background:#1b302d69}.avatar-sheet{padding:25px 26px 20px}.avatar-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.avatar-dialog-heading p{margin:0 0 6px;font-size:12px;font-weight:650;color:#6c7b69;letter-spacing:.05em}.avatar-dialog-heading h2{margin:0;font-size:23px;line-height:1.5}.journey-app .avatar-close{display:grid;place-items:center;flex:none;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #dce1d4;border-radius:50%;background:#f6f6ed;color:#61735f;box-shadow:none;font-size:25px;line-height:1}.avatar-preview{display:flex;align-items:center;gap:18px;padding:18px 20px;margin:20px 0;background:#eef3e8;border-radius:18px}.avatar-preview>.avatar-art{width:84px;height:84px;border-radius:23px;box-shadow:0 2px 0 #c9d7c1}.avatar-preview strong{font-size:19px;line-height:1.6}.avatar-preview p{margin:4px 0;font-size:14px;color:#63745f}.avatar-preview span{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:#64765f}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.journey-app .avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;min-height:0;padding:9px 8px 8px;border:2px solid transparent;border-radius:17px;background:#f6f5ee;box-shadow:none;transform:none;transition:none}.avatar-option>.avatar-art{width:64px;height:64px;border-radius:17px}.avatar-option>span{font-size:12px;line-height:1.5;color:#63735e;white-space:nowrap}.journey-app .avatar-option.is-selected{border-color:#31694f;background:#edf4e6}.avatar-option.is-selected>span{color:#285f50;font-weight:700}.avatar-option>i{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#285f50;color:white;font-size:11px;font-style:normal;border:2px solid #fffdf6}.avatar-option:hover{border-color:#afc5a6}.avatar-option:focus-visible,.avatar-close:focus-visible{outline:3px solid #ad7850;outline-offset:2px}.avatar-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px}.avatar-dialog-actions .primary{min-width:175px;justify-content:center}.avatar-dialog-actions .textbutton{color:#687761}.journey-app.discovery-active .brandmark.avatar-trigger{width:44px;height:44px;border-radius:15px}.discovery-active .avatar-trigger .avatar-art{border-radius:12px}.discovery-active .avatar-edit{width:17px;height:17px;font-size:10px}
@media(max-width:600px){.journey-app .brandmark.avatar-trigger{width:50px;height:50px;border-radius:16px}.avatar-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.avatar-sheet{padding:19px 16px 18px}.avatar-dialog-heading h2{font-size:21px}.avatar-preview{padding:13px 15px;margin:15px 0;gap:14px}.avatar-preview>.avatar-art{width:70px;height:70px;border-radius:20px}.avatar-preview strong{font-size:18px}.avatar-preview span{font-size:11px;margin-top:4px}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey-app .avatar-option{padding:7px 4px 6px;gap:5px;border-radius:15px}.avatar-option>.avatar-art{width:58px;height:58px;border-radius:16px}.avatar-option>span{font-size:11px}.avatar-dialog-actions{padding-top:17px}.avatar-dialog-actions .primary{min-width:160px}.avatar-notice{width:220px}}
.journey-app .avatar-sheet{display:flex;flex-direction:column;max-height:calc(100dvh - 42px)}
.journey-app .avatar-dialog-heading,.journey-app .avatar-preview,.journey-app .avatar-dialog-actions{flex:none}
.journey-app .avatar-grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px;overscroll-behavior:contain}
.journey-app .avatar-dialog-actions{margin:0;padding:18px 0 0;border:0;font-size:16px;flex-direction:row;text-align:left;justify-content:space-between;align-items:center}
.journey-app .avatar-dialog .avatar-preview strong{font-family:inherit;font-size:19px;line-height:1.6}
.journey-app .avatar-dialog .avatar-preview span{font-size:12px;line-height:1.6;color:#64765f}
.journey-app .avatar-dialog .avatar-option>span{font-size:12px;line-height:1.5;color:#63735e}
.journey-app .avatar-dialog .avatar-option.is-selected>span{color:#285f50}
.journey-app .avatar-dialog-actions .primary span{font-size:16px;color:inherit}
@media(max-width:600px){.journey-app .avatar-sheet{max-height:calc(100dvh - 26px)}.journey-app .avatar-dialog .avatar-preview strong{font-size:18px}.journey-app .avatar-dialog .avatar-preview span,.journey-app .avatar-dialog .avatar-option>span{font-size:11px}.journey-app .avatar-dialog-actions{padding-top:15px}}