.photo-upload{display:flex;gap:20px;padding:20px;border:1px dashed #cbd1c1;border-radius:7px;background:#fafbf7;margin-bottom:28px;align-items:center}.photo-upload-preview{width:90px;height:90px;background:#edeFE7;border-radius:6px;display:grid;place-items:center;overflow:hidden;flex:none}.photo-upload-preview img{width:100%;height:100%;object-fit:cover}.photo-upload-preview svg{width:33px;height:33px;color:#8b9580}.photo-upload-copy>strong{font-size:12px;font-weight:600}.photo-upload-copy>strong span{font-size:9px;font-weight:400;color:var(--muted);margin-left:8px}.photo-upload-copy>p{font-size:10px;line-height:1.65;color:var(--muted);max-width:370px;margin:5px 0 10px}.photo-upload-actions{display:flex;align-items:center;gap:15px;position:relative}.photo-upload-button{cursor:pointer;display:inline-flex;padding:7px 12px;border:1px solid #c8d2ef;background:#fff;border-radius:4px;color:var(--blue);font-size:10px;font-weight:600}.photo-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%)}.photo-upload-actions:focus-within .photo-upload-button{outline:2px solid var(--blue);outline-offset:3px}.photo-remove{border:0;background:none;padding:5px 0;font-size:10px;color:#8b5a4c}.photo-upload-copy>small{display:block;font-size:8px;color:#89917e;margin-top:9px}.photo-upload-copy .inline-error{color:#a64c39}.preview-photo{float:right;width:78px;height:78px;object-fit:cover;margin:0 0 15px 20px;border-radius:2px}.preview-head:after{content:'';display:table;clear:both}.cv-layout-centered .preview-photo{float:none;display:block;width:70px;height:70px;margin:0 auto 17px}.preview-head:has(.preview-photo) h1,.preview-head:has(.preview-photo)>p{max-width:calc(100% - 98px)}.cv-layout-centered .preview-head:has(.preview-photo) h1,.cv-layout-centered .preview-head:has(.preview-photo)>p{max-width:none}
@media(max-width:760px){.photo-upload{align-items:flex-start;padding:16px;gap:15px}.photo-upload-preview{width:65px;height:65px}.photo-upload-copy>strong span{display:block;margin:2px 0}.photo-upload-copy>p{font-size:10px}.photo-upload-copy>small{font-size:8px}.preview-photo{width:58px;height:58px;margin-left:12px}.preview-head:has(.preview-photo) h1,.preview-head:has(.preview-photo)>p{max-width:calc(100% - 70px)}.cv-layout-sidebar .preview-body{grid-template-columns:1.25fr 2fr;gap:12px}.cv-layout-sidebar .preview-sidebar{padding:8px}.cv-layout-sidebar .preview-sidebar h2{font-size:7px;letter-spacing:0;overflow-wrap:normal}}