.ck-material-reference-photo{position:relative}
.ck-material-reference-photo .ck-material-reference-picker{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dee7ed;border-radius:30px;background:rgba(255,255,255,.97);box-shadow:0 2px 10px #233b4b0a;z-index:2;max-width:calc(100% - 24px)}
.ck-material-reference-picker .ck-colour-name{font:600 11px/1.3 Arial,sans-serif;color:#253c4c;min-width:36px;margin-right:3px;flex-shrink:0;max-width:100px}
.ck-material-reference-picker .ck-colour-dot{display:inline-block;flex:0 0 32px;width:32px;height:32px;min-height:0;padding:0;border:4px solid #fff;border-radius:50%;outline:1px solid #c7d3dd;cursor:pointer;box-shadow:none}
.ck-material-reference-picker .ck-colour-dot[aria-pressed=true]{outline:2px solid #00abd2}
.ck-material-reference-picker .ck-colour-dot:focus-visible{outline:3px solid #253c4c;outline-offset:3px}
.ck-material-reference-picker .ck-colour-white{box-shadow:inset 0 0 0 1px #d7e1e7}
.ck-material-reference-picker .ck-reference-options{display:contents}
.ck-material-reference-photo .ck-reference-many{padding-top:3px;padding-bottom:3px}
.ck-reference-many .ck-reference-options{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding:3px 2px;scrollbar-width:none}
.ck-reference-many .ck-reference-options::-webkit-scrollbar{display:none}
@media(max-width:520px){.ck-material-reference-photo .ck-material-reference-picker{right:8px;bottom:8px;max-width:calc(100% - 16px)}}