.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:grid;grid-template-columns:repeat(auto-fill,10rem);gap:1rem;align-items:stretch;justify-content:start}
.uof-variant-choice{position:relative;display:flex;min-width:0}
.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;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.4rem;width:100%;height:100%;padding:.6rem .6rem .8rem;border:1px solid #d3d3d3;border-radius:6px;background:#f8f8f8;cursor:pointer;position:relative;box-sizing:border-box;text-align:center}
.uof-variant-choice label img{display:block;width:100%;height:8rem;object-fit:contain;flex:none;margin:0 auto}
.uof-variant-name{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:3.9rem;font-size:1.2rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.uof-variant-choice input:checked+label{border:2px solid #003e51;box-shadow:0 0 0 1px #003e51;background:white}
.uof-variant-choice input:checked+label .uof-variant-name{font-weight:700}
.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-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.uof-variant-choice label img{height:7rem}.uof-variant-name{min-height:3.6rem;font-size:1.1rem}}