.ck-colour-photo{position:relative;background:#fff;isolation:isolate}
.ck-colour-photo img{object-fit:contain!important;width:100%!important;max-width:100%!important;filter:none!important}
.ck-colour-photo .ck-colour-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}
.ck-colour-picker .ck-colour-name{font:600 11px/1.3 Arial,sans-serif;color:#253c4c;min-width:36px;margin-right:3px}
.ck-colour-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-colour-picker .ck-colour-dot[aria-pressed=true]{outline:2px solid #00abd2}
.ck-colour-picker .ck-colour-dot:focus-visible{outline:3px solid #253c4c;outline-offset:3px}
.ck-colour-picker .ck-colour-black{background:#000}
.ck-colour-picker .ck-colour-white{background:#fff;box-shadow:inset 0 0 0 1px #d9e0e5}
.ck-colour-picker .ck-colour-beige{background:#d3c4a4}
.ck-colour-picker .ck-colour-clear{background:conic-gradient(#d9e2e8 25%,#fff 0 50%,#d9e2e8 0 75%,#fff 0) 0 0/10px 10px}
.ck-material-detail .ck-colour-photo>a{display:block}
.ck-material-detail .ck-colour-photo img{display:block;height:auto!important;max-height:470px;min-height:260px}
@media(max-width:520px){.ck-colour-photo .ck-colour-picker{right:8px;bottom:8px}}