.ui-avatar--editable{overflow:visible;position:relative}.ui-avatar--editable .ui-avatar__image{background-color:var(--ui-surface-inset);border:2px solid var(--bs-border-color);border-radius:inherit;box-shadow:var(--ui-shadow-2);overflow:hidden}.ui-avatar--editable.has-staged-image .ui-avatar__image{border-color:rgba(var(--bs-primary-rgb),.55);box-shadow:var(--ui-focus-ring),var(--ui-shadow-2)}.ui-avatar--editable .avatar-edit-button{--avatar-edit-action-size:var(--ui-action-size);align-items:center;border-radius:var(--ui-radius-pill);box-shadow:var(--ui-shadow-2);display:inline-flex;height:var(--avatar-edit-action-size);inset-block-end:calc(var(--ui-space-2)*-1);inset-inline-end:calc(var(--ui-space-2)*-1);justify-content:center;padding:0;position:absolute;width:var(--avatar-edit-action-size)}.ui-avatar--editable .avatar-edit-button:active,.ui-avatar--editable .avatar-edit-button:focus-visible,.ui-avatar--editable .avatar-edit-button:hover,.ui-avatar--editable .avatar-edit-button:visited{color:var(--bs-btn-color,var(--bs-white))}@media (pointer:coarse){.ui-avatar--editable .avatar-edit-button{--avatar-edit-action-size:var(--ui-action-size-touch)}}.image-loader{display:flex;flex-direction:column;gap:var(--ui-space-4)}.image-loader__workspace{align-items:center;display:flex;flex-direction:column;gap:var(--ui-space-3)}.image-loader__canvas{align-items:center;aspect-ratio:1;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--ui-radius-lg);box-shadow:inset 0 0 0 1px rgba(var(--bs-body-color-rgb),.03);display:flex;justify-content:center;margin-inline:auto;overflow:hidden;width:min(100%,32.5rem,max(16rem,calc(100dvh - 18.5rem)))}.image-loader__canvas>img{background:var(--bs-body-bg);display:block;height:auto;object-fit:contain;width:auto}.image-loader__canvas .cropper-crop-box,.image-loader__canvas .cropper-view-box,.image-loader__canvas>img{max-height:100%;max-width:100%}.image-loader__toolbar{display:flex;gap:var(--ui-space-2);justify-content:center}.image-loader__toolbar button{min-width:2.5rem}.image-loader__padding-options{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--ui-space-3) var(--ui-space-4);justify-content:center}.image-loader__color-option{align-items:center;display:inline-flex;gap:var(--ui-space-2);margin:0}.image-loader__color-option .form-control-color{height:2rem;padding:.15rem;width:2.25rem}.image-loader__dropzone{background:var(--bs-tertiary-bg);border:2px dashed var(--bs-border-color);border-radius:var(--ui-radius-lg);cursor:pointer;padding:2rem 1.5rem;position:relative;text-align:center;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),opacity var(--ui-transition-fast)}.image-loader__dropzone:focus-visible{background:rgba(var(--bs-primary-rgb),.04);border-color:var(--bs-primary);box-shadow:var(--ui-focus-ring);outline:none}.image-loader__dropzone.is-dragover{background:rgba(var(--bs-primary-rgb),.04);border-color:var(--bs-primary);box-shadow:0 0 0 .35rem rgba(var(--bs-primary-rgb),.08)}.image-loader__dropzone.is-loading{opacity:.6;pointer-events:none}.image-loader__icon{align-items:center;color:var(--bs-primary);display:flex;height:3.5rem;justify-content:center;margin-inline:auto;width:3.5rem}.image-loader__file-input{height:0;inset:0;opacity:0;pointer-events:none;position:absolute;width:0}@media (max-width:576px){.image-loader__canvas{width:100%}.image-loader__dropzone{padding:1.75rem 1.25rem}}