#beauty-ocean-concepts .bo-avatar-cropper{border:1px solid var(--bo-line);color:#000;background:#fff;border-radius:20px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}#beauty-ocean-concepts .bo-avatar-cropper::backdrop{background:#0007}#beauty-ocean-concepts .bo-avatar-cropper header,#beauty-ocean-concepts .bo-avatar-cropper footer{justify-content:space-between;align-items:center;gap:12px;display:flex}#beauty-ocean-concepts .bo-avatar-cropper h2{margin:0;font-size:24px}#beauty-ocean-concepts .bo-avatar-crop-canvas{touch-action:none;cursor:grab;border-radius:14px;width:min(100%,280px);height:auto;margin:auto;display:block}#beauty-ocean-concepts .bo-avatar-crop-controls{border:0;gap:8px;min-width:0;padding:16px 0;display:grid}#beauty-ocean-concepts .bo-avatar-crop-controls label{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}#beauty-ocean-concepts .bo-avatar-crop-controls input{accent-color:#000;width:100%;min-width:0;height:36px}#beauty-ocean-concepts .bo-avatar-cropper{margin:auto;inset:0}#beauty-ocean-concepts .bo-avatar-cropper:focus{outline:none}#beauty-ocean-concepts .bo-avatar-cropper .bo-avatar-crop-close{flex:0 0 44px;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}#beauty-ocean-concepts .bo-avatar-cropper footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}#beauty-ocean-concepts .bo-avatar-cropper footer .bo-button{white-space:normal;width:100%;min-width:0;min-height:48px;padding:10px 8px;line-height:1.4}