.gip-picker{--gip-size:80px;--gip-accent:var(--ast-global-color-0,#2271b1);width:100%;margin:0 0 1.25em}
.gip-fieldset{border:0;margin:0;padding:0;min-width:0}
.gip-label{display:block;padding:0;margin:0 0 .6em;font-weight:600}
.gip-req{color:#d63638;margin-left:2px}
.gip-grid{display:flex;flex-wrap:wrap;gap:10px}
.gip-item{position:relative;display:block;margin:0;cursor:pointer}
.gip-item input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;bottom:0;left:50%}
.gip-thumb{position:relative;display:block;width:var(--gip-size);height:var(--gip-size);border:2px solid #dcdcde;border-radius:6px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.gip-thumb img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.gip-item:hover .gip-thumb{border-color:#8c8f94}
.gip-item input:checked + .gip-thumb{border-color:var(--gip-accent);box-shadow:0 0 0 2px var(--gip-accent)}
.gip-item input:checked + .gip-thumb::after{content:"\2713";position:absolute;top:4px;right:4px;width:20px;height:20px;line-height:20px;text-align:center;font-size:13px;color:#fff;background:var(--gip-accent);border-radius:50%}
.gip-item input:focus-visible + .gip-thumb{outline:2px solid var(--gip-accent);outline-offset:2px}