.circle-cover-cropper[data-v-ce54a53b]{display:grid;gap:14px}.circle-cover-cropper__stage[data-v-ce54a53b]{background:#161b22;border:1px solid #dde4ee;border-radius:12px;height:clamp(300px,52vh,460px);overflow:hidden;position:relative;width:100%}.circle-cover-cropper__canvas[data-v-ce54a53b]{height:auto;inset:0;max-height:100%;max-width:100%;min-height:0;min-width:0;position:absolute;width:auto}.circle-cover-cropper__error[data-v-ce54a53b]{background:#be3a3ae0;border-radius:8px;bottom:10px;color:#fff;font-size:12px;left:10px;margin:0;padding:7px 10px;position:absolute;right:10px;z-index:1}.circle-cover-cropper__actions[data-v-ce54a53b],.circle-cover-cropper__toolbar[data-v-ce54a53b]{display:flex;flex-wrap:wrap;gap:8px}.circle-cover-cropper__toolbar button[data-v-ce54a53b]{background:#f8faff;border:1px solid #ccd4df;border-radius:7px;color:#2b3a4f;cursor:pointer;min-width:88px;padding:8px 12px}.circle-cover-cropper__guide[data-v-ce54a53b]{color:#76859a;font-size:12px;line-height:1.6;margin:0}.circle-cover-cropper__actions[data-v-ce54a53b]{justify-content:flex-end}.circle-cover-cropper__actions button[data-v-ce54a53b]{border:0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;min-width:112px;padding:10px 16px}.circle-cover-cropper__actions .is-ghost[data-v-ce54a53b]{background:#f3f4f7;border:1px solid #dbe2eb;color:#4d5a6a}.circle-cover-cropper__actions .is-primary[data-v-ce54a53b]{background:var(--zy-primary);color:#fff}.circle-cover-cropper button[data-v-ce54a53b]:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.circle-cover-cropper__stage[data-v-ce54a53b]{height:clamp(260px,46vh,380px)}.circle-cover-cropper__actions button[data-v-ce54a53b],.circle-cover-cropper__toolbar button[data-v-ce54a53b]{flex:1 1 auto;min-width:0}}.circle-cover-upload[data-v-9afa008f]{display:grid;gap:8px;justify-items:start}.circle-cover-upload__label[data-v-9afa008f]{color:#444;font-size:13px;font-weight:500}.circle-cover-upload__picker-wrap[data-v-9afa008f]{position:relative}.circle-cover-upload__picker[data-v-9afa008f]{background:#f8fafb;border:1px dashed #b8c2cc;border-radius:8px;box-sizing:border-box;color:#7f8fa6;cursor:pointer;display:grid;height:120px;overflow:hidden;place-items:center;position:relative;transition:border-color .2s,color .2s,box-shadow .2s;width:120px}.circle-cover-upload--background .circle-cover-upload__picker[data-v-9afa008f]{height:60px;width:240px}.circle-cover-upload__picker[data-v-9afa008f]:focus-within,.circle-cover-upload__picker[data-v-9afa008f]:hover{border-color:var(--zy-primary);box-shadow:0 0 0 3px var(--zy-primary-ring);color:var(--zy-primary)}.circle-cover-upload__picker.is-invalid[data-v-9afa008f]{border-color:#d93025}.circle-cover-upload__picker.is-uploading[data-v-9afa008f]{cursor:wait;opacity:.72}.circle-cover-upload__picker input[data-v-9afa008f]{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.circle-cover-upload__picker img[data-v-9afa008f]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.circle-cover-upload__placeholder[data-v-9afa008f]{display:grid;gap:8px;justify-items:center}.circle-cover-upload__placeholder svg[data-v-9afa008f]{font-size:32px}.circle-cover-upload__placeholder b[data-v-9afa008f]{font-size:13px;font-weight:500}.circle-cover-upload__replace[data-v-9afa008f]{font-size:12px;padding:6px;text-align:center}.circle-cover-upload__actions[data-v-9afa008f],.circle-cover-upload__replace[data-v-9afa008f]{background:#0f172aad;bottom:0;color:#fff;left:0;position:absolute;right:0}.circle-cover-upload__actions[data-v-9afa008f]{border-radius:0 0 7px 7px;display:flex;height:28px;overflow:hidden;pointer-events:none}.circle-cover-upload__action-label[data-v-9afa008f],.circle-cover-upload__remove[data-v-9afa008f]{align-items:center;box-sizing:border-box;display:flex;font:inherit;font-size:12px;height:100%;justify-content:center;width:50%}.circle-cover-upload__remove[data-v-9afa008f]{background:transparent;border:0;border-left:1px solid hsla(0,0%,100%,.45);color:#fff;cursor:pointer;pointer-events:auto}.circle-cover-upload__remove[data-v-9afa008f]:hover{background:#b91c1cb8}.circle-cover-upload__remove[data-v-9afa008f]:disabled{cursor:not-allowed;opacity:.5}.circle-cover-upload__remove svg[data-v-9afa008f]{font-size:16px}.circle-cover-upload__notes[data-v-9afa008f]{color:#94a3b8;display:grid;font-size:12px;gap:3px;line-height:1.5}.circle-cover-upload__notes small[data-v-9afa008f]{font-size:inherit}.circle-cover-upload>.zy-field-error[data-v-9afa008f]{margin:0}