.mbm-hat-gallery{background:#faf8f4;padding:1rem}.mbm-hat-main{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:white}.mbm-hat-main[hidden]{display:none}.mbm-hat-thumbs{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.mbm-hat-thumb{width:78px;height:78px;background:white;border:1px solid #d9d1c7;padding:3px;cursor:pointer}.mbm-hat-thumb[aria-pressed=true]{outline:2px solid #a53235}.mbm-hat-thumb img{width:100%;height:100%;object-fit:contain}.mbm-hat-field{border:0;border-top:1px solid #d9d1c7;margin:0;padding:1.5rem 0}.mbm-hat-field legend{font-weight:700;text-transform:uppercase;font-size:1.25rem;letter-spacing:.08em;padding-top:1.5rem}.mbm-hat-pills{display:flex;gap:.7rem;flex-wrap:wrap}.mbm-hat-pills button{font:inherit;background:white;border:1px solid #d9d1c7;padding:1rem 1.3rem;color:#292724;cursor:pointer}.mbm-hat-pills button[aria-pressed=true]{border:2px solid #a53235;padding:calc(1rem - 1px) calc(1.3rem - 1px)}.mbm-hat-designs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.mbm-hat-design{border:1px solid #d9d1c7;background:white;padding:.4rem;text-align:left;color:#292724;cursor:pointer;font:inherit;font-size:1.1rem;line-height:1.2}.mbm-hat-design[aria-pressed=true]{outline:2px solid #a53235}.mbm-hat-design-art{display:block;width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat}.mbm-hat-design>span:last-child{display:block;padding:.5rem .2rem;min-height:3.5rem}.mbm-hat-help,.mbm-hat-message{font-size:1.25rem;color:#756e68;margin:1rem 0 0}.mbm-hat-message{margin:0 0 1rem}.mbm-hat-design:focus-visible,.mbm-hat-pills button:focus-visible,.mbm-hat-thumb:focus-visible{outline:3px solid #292724;outline-offset:2px}@media(max-width:749px){.mbm-hat-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.mbm-hat-gallery{padding:.5rem}.mbm-hat-thumb{width:65px;height:65px}}