.registration-photo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:4px 0 28px;padding:18px 0 22px;border-bottom:1px solid #2b3338}.registration-photo-preview{width:76px;height:76px;flex:0 0 76px;border:1px solid transparent;border-radius:50%;background:#1c252c;position:relative;overflow:hidden;display:grid;place-items:center}.registration-photo-preview svg{width:40px;height:40px;color:#8398a6}.registration-photo-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.registration-photo b{display:block;font-size:12px}.registration-photo small{font-size:10px;color:#82939d}.registration-photo b small{margin-inline-start:5px;font-weight:400}.registration-photo-actions{display:flex;gap:8px;margin:10px 0}.registration-photo-actions button{font:inherit;font-size:11px;padding:8px 12px;border:1px solid #496170;background:#202b33;color:#bfe5ff;border-radius:6px;cursor:pointer}.registration-photo-actions button:hover{background:#2b3a44}.registration-photo-actions button:disabled{opacity:.5;cursor:wait}#registrationPhotoRemove{color:#efa2a2;background:transparent;border-color:#69474b}#registrationPhotoStatus{flex-basis:100%;margin:0;color:#efa2a2;font-size:11px}#registrationPhotoStatus:empty{display:none}
.registration-photo{padding:20px;margin:4px 0 28px;border:1px solid #303a40;border-radius:12px;background:#161c20;gap:20px}.registration-photo-preview{width:82px;height:82px;flex-basis:82px;border:2px solid transparent;box-shadow:none;background:#20282e}.registration-photo b{font-size:13px;color:#e4eaee}.registration-photo b small{display:inline-block;padding:2px 7px;background:#252e34;border-radius:5px;color:#9aabb5;font-size:9px}.registration-photo-actions{margin:12px 0 9px}.registration-photo-actions button{padding:9px 15px;border-radius:7px;background:#80ceff12;border-color:#4a6576}.registration-photo-default{z-index:0}#registrationPhotoPreview{z-index:1}.registration-photo-preview img[hidden]{display:none!important}@media(max-width:420px){.registration-photo{padding:16px;gap:14px}.registration-photo-preview{width:68px;height:68px;flex-basis:68px}.registration-photo-actions button{padding:8px 10px}}
.registration-photo{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:20px;row-gap:14px}.registration-photo-preview{grid-column:1;grid-row:1;justify-self:center}.registration-photo>div:nth-child(2){display:contents}.registration-photo b{grid-column:2;grid-row:1;align-self:center}.registration-photo>div:nth-child(2)>small{grid-column:2;grid-row:2;line-height:1.8}.registration-photo-actions{grid-column:1;grid-row:2;justify-content:center;flex-wrap:wrap;gap:6px;margin:0}.registration-photo-actions button{white-space:nowrap;padding:8px 12px}#registrationPhotoStatus{grid-column:1/-1}@media(max-width:420px){.registration-photo{grid-template-columns:86px minmax(0,1fr);column-gap:12px;row-gap:12px}}
.registration-photo{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;row-gap:12px}.registration-photo-preview{grid-column:1;grid-row:1/3;align-self:start}.registration-photo b{grid-column:2;grid-row:1;align-self:start;padding-top:3px}.registration-photo-actions{grid-column:2;grid-row:2;justify-self:end;justify-content:flex-end;align-self:end}.registration-photo>div:nth-child(2)>small{grid-column:1/-1;grid-row:3;justify-self:start;text-align:right;padding-top:2px}#registrationPhotoStatus{grid-column:1/-1;grid-row:4}@media(max-width:420px){.registration-photo{grid-template-columns:74px minmax(0,1fr);column-gap:8px;row-gap:12px}}
.registration-photo-actions{margin-top:20px}.registration-photo>div:nth-child(2)>small{padding-top:6px}
.registration-photo-actions{margin-top:0;transform:translateY(16px)}
.registration-crop{width:min(440px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;box-sizing:border-box;padding:24px;background:#141b20;color:#e5edf2;border:1px solid #3a4a55;border-radius:16px;font:13px Vazirmatn,Tahoma,sans-serif;direction:rtl}.registration-crop::backdrop{background:#000b;backdrop-filter:blur(5px)}.registration-crop header,.registration-crop footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.registration-crop h2{font-size:19px;margin:0}.registration-crop button{font:inherit;padding:9px 16px;border:1px solid #425765;border-radius:7px;background:#202d36;color:#cce9fb;cursor:pointer}.registration-crop header button{font-size:24px;padding:0 8px;background:none;border:0}.registration-crop-stage{position:relative;margin-top:22px;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#0d1216}.registration-crop canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.registration-crop-stage>div{position:absolute;inset:0;border:1px solid #91d2fb;border-radius:50%;box-shadow:0 0 0 80px #0008;pointer-events:none}.registration-crop p{color:#8fa4b2;text-align:center;font-size:11px}.registration-crop label{display:block;font-size:12px}.registration-crop input[type=range]{width:100%;height:28px;margin:10px 0 18px;accent-color:#80ceff;direction:ltr}.registration-crop footer{justify-content:flex-end}.registration-crop [data-confirm]{background:#80ceff;color:#10222e;border-color:#80ceff}.registration-crop button:disabled{opacity:.5}
.registration-photo-preview,.registration-photo-preview img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.registration-photo-preview img{pointer-events:none}