.uof-variant-images{border:0;padding:0;margin:0;min-width:0}
.uof-variant-images legend{padding:0;margin-bottom:1.2rem;font-size:1.3rem}
.uof-variant-grid{display:flex;flex-wrap:wrap;gap:1rem}
.uof-variant-choice{position:relative}
.uof-variant-choice input[type=radio]{position:absolute;width:1px;height:1px;padding:0;min-height:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.uof-variant-choice label{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;padding:.5rem;border:1px solid #d3d3d3;border-radius:6px;background:#f8f8f8;cursor:pointer;position:relative}
.uof-variant-choice label img{display:block;width:100%;height:100%;object-fit:contain}
.uof-variant-choice input:checked+label{border:2px solid #003e51;box-shadow:0 0 0 1px #003e51;background:white}
.uof-variant-choice input:focus-visible+label{outline:2px solid #003e51;outline-offset:4px}
.uof-variant-choice label:hover{border-color:#003e51}
.uof-variant-sold-out{opacity:.5}
.uof-variant-sold-out:after{content:'';position:absolute;inset:50% 0;height:1px;background:#555;transform:rotate(-45deg)}
.uof-variant-fallback{text-align:center;font-size:1.15rem;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:749px){.uof-variant-choice label{width:7rem;height:7rem}}