.clothing-picker{display:grid;gap:24px;margin-top:24px;font-family:var(--font-dm-sans),sans-serif}.clothing-picker fieldset{border:0;margin:0;padding:0;min-width:0}.clothing-picker legend{font-size:15px;font-weight:600;margin-bottom:12px;padding:0}.clothing-colours,.clothing-outfits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.clothing-option{position:relative;cursor:pointer;min-width:0}.clothing-option input{position:absolute;width:1px;height:1px;opacity:0}.clothing-card{position:relative;height:100%;box-sizing:border-box;border:1px solid var(--ps-ui-strongLine);border-radius:14px;padding:8px 8px 12px;text-align:center;font-size:13px;line-height:1.35}.clothing-card[data-selected=true]{background:var(--ps-ui-soft);border-color:var(--ps-ui-primary);box-shadow:inset 0 0 0 2px var(--ps-ui-primary)}.clothing-option input:focus-visible+.clothing-card,.clothing-option input:focus-visible+.clothing-colour-body{outline:3px solid var(--ps-ui-focus);outline-offset:3px}.clothing-art-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:8px;margin-bottom:8px}.clothing-art{display:block;flex:none;background-repeat:no-repeat}.clothing-check{position:absolute;top:6px;right:6px;border-radius:50%;width:20px;height:20px;line-height:20px;background:var(--ps-ui-primary);color:var(--ps-ui-onPrimary)}.clothing-check:empty{display:none}.clothing-colour-body{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px;border-radius:8px;text-align:center;font-size:12px;line-height:1.3}.clothing-swatch{width:42px;height:42px;border-radius:50%;border:1px solid var(--ps-ui-strongLine);display:grid;place-items:center}.clothing-colour-body[data-selected=true] .clothing-swatch{outline:2px solid var(--ps-ui-primary);outline-offset:3px}.clothing-swatch>span:not(:empty){display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--ps-ui-onPrimary);background:var(--ps-ui-primary)}@media (max-width:719px){.clothing-colours,.clothing-outfits{grid-template-columns:repeat(3,minmax(0,1fr))}.clothing-card{font-size:12px;padding:6px 6px 10px}}