/* Notices sit on the displayed frame, independently from zoom and rotation. */
.cf-image-notice-stage{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;container-type:inline-size;background:#fff}
.product-visual .cf-image-notice-stage>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;border-radius:0}
.product-visual .cf-image-notice-stage>.cf-detail-crop{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.cf-image-notice-label{position:absolute;z-index:3;display:block;box-sizing:border-box;width:max-content;max-width:94%;max-height:94%;margin:0;padding:.28em .55em;border:1px solid #ffffffb3;border-radius:.25em;background:rgba(255,255,255,.93);color:#292039;font-family:Arial,sans-serif;font-weight:500;line-height:1.25;letter-spacing:normal;text-align:left;white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-shadow:none;box-shadow:0 1px 5px #29203912}
button.cf-image-notice-label{cursor:move;touch-action:none;user-select:none;min-height:0;min-width:0}
button.cf-image-notice-label:focus-visible{outline:3px solid #bc3273;outline-offset:2px}
.cf-notice-editor{border-top:1px solid #eadfeb;padding-top:14px;margin-top:16px;min-width:0}
.cf-notice-editor h4{margin:0 0 10px;font-size:14px}
.cf-notice-editor label{display:grid;gap:5px;font-size:13px;font-weight:600}
.cf-notice-editor input{min-width:0;width:100%;padding:9px;border:1px solid #d7cdda;border-radius:6px;font:inherit;color:#292039;background:#fff}
.cf-notice-fields{display:grid;gap:10px;margin-top:10px}
.cf-notice-position{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cf-notice-editor .button{white-space:normal;margin:0}
.cf-notice-buttons{display:flex;gap:8px;flex-wrap:wrap}
.cf-notice-editor .help{margin:0;font-size:12px;font-weight:400;line-height:1.5}
.cf-detail-frame-editor .cf-frame-viewport,.cf-gallery-edit-viewport{container-type:inline-size}
.cf-detail-frame-editor .cf-notice-editor{max-width:620px}
@media(max-width:600px){.cf-gallery-edit-controls>.cf-notice-editor{grid-column:1/-1}.cf-notice-buttons .button{flex:1}}

.cf-image-notice-label[hidden],.cf-notice-editor [hidden]{display:none!important}