.modelColorSection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:var(--pad-block) var(--pad-inline);background:var(--white);min-height:80vh}@media(orientation:portrait){.modelColorSection{min-height:60vw;padding:4rem var(--pad-inline)}}.modelColorSection .colorImageSquare{position:relative;width:min(50rem,80%);aspect-ratio:1/1}@media(orientation:portrait){.modelColorSection .colorImageSquare{width:100%}}.modelColorSection .colorPickerRow{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.modelColorSection .colorPickerRow .colorDot{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(0,0,0,.15);cursor:pointer;transition:all .3s ease}.modelColorSection .colorPickerRow .colorDot:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.modelColorSection .colorPickerRow .colorDot:focus{outline:2px solid var(--blue);outline-offset:2px}.modelColorSection .colorPickerRow .colorDot.selected{outline:2px solid var(--black);outline-offset:4px}.modelColorSection .colorPickerRow .colorDot:active{transform:scale(.95)}