.fimg{display:block;position:relative;overflow:hidden}:where(.fimg){width:100%;height:100%}.fimg>picture{display:contents}.fimg>img,.fimg>picture>img{object-fit:cover;width:100%;height:100%;display:block}.fimg-contain>img,.fimg-contain>picture>img{object-fit:contain}:where(.fimg-natural){height:auto}.fimg-natural{overflow:visible}.fimg-natural>img,.fimg-natural>picture>img{width:auto;max-width:100%;height:auto;max-height:inherit;object-fit:contain;margin-inline:auto}.crop-editor{flex-direction:column;gap:.75rem;width:min(30rem,100vw - 24px);display:flex}.crop-stage{aspect-ratio:1;cursor:grab;touch-action:none;background:#0008;border-radius:10px;width:100%;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage:focus-visible{outline:2px solid var(--accent,#e0b866);outline-offset:2px}.crop-focus{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #000a}.crop-zoom{align-items:center;gap:.6rem;display:flex}.crop-zoom input{flex:1}.crop-previews{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.crop-previews figure{flex-direction:column;align-items:center;gap:.3rem;margin:0;font-size:.75rem;display:flex}.crop-previews .crop-round{border-radius:50%}.crop-previews .fimg{border:1px solid #fff3;border-radius:8px;flex:none}.crop-previews .fimg.crop-round{border-radius:50%}.modal.crop-editor{width:min(30rem,100vw - 24px);max-height:calc(100dvh - 24px);padding-bottom:1rem;overflow-y:auto}.modal.crop-editor>:not(.drawer-head){margin-inline:1rem}.modal.crop-editor .crop-stage{align-self:center;width:min(20rem,100% - 2rem)}.sys-icon{vertical-align:-.15em;flex:none;display:inline-block}.sys-icon-emoji{line-height:1}