.design-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;align-items:start}.design-admin-grid details{margin:0;min-width:0}.design-admin-grid summary{display:grid;gap:.5rem;cursor:pointer;overflow-wrap:anywhere}.design-admin-grid summary img{background:white;border-radius:.5rem;margin:auto;max-width:100%}.design-admin-grid form{margin-top:1rem}.design-admin-grid [hidden]{display:none!important}.face-main-preview{background:#fff;border:1px solid #d5ddeb;border-radius:.6rem;display:grid;place-items:center;max-height:330px;aspect-ratio:1;width:min(100%,330px);margin:.75rem auto}.face-main-preview[data-finish=painted]{background:#e88a35}.face-main-preview img{width:100%;height:100%;object-fit:contain;min-height:0}.face-choices{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,126px);grid-auto-columns:110px;gap:.4rem;overflow-x:auto;padding:.5rem 0;scroll-snap-type:x proximity}.face-choices button,.face-history button,.face-compare button{border:1px solid #cbd5e5;background:white;color:#152957;border-radius:.5rem;display:grid;justify-items:center;cursor:pointer;min-width:0;padding:.25rem}.face-choices button[aria-pressed=true],.face-history button[aria-pressed=true]{border:2px solid #03256a;background:#eff4ff}.face-choices button img{width:84px;height:84px}.face-choices button span,.face-history button span{font-size:.7rem;line-height:1.2;overflow:hidden;max-height:2.4em;overflow-wrap:anywhere}.face-history{display:flex;gap:.5rem;overflow:auto;padding:.5rem}.face-history button{flex:0 0 110px}.face-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.face-compare img{max-width:100%;height:auto}.face-compare-button{margin:.8rem 0}.face-compare>div>button:last-child{margin-top:.35rem;width:100%}#pumpkin-selector label{display:grid;gap:.35rem;margin:.65rem 0}#pumpkin-selector select,#pumpkin-selector input{font:inherit;padding:.55rem;border:1px solid #98a9c3;border-radius:.4rem;min-width:0}#pumpkin-selector .art-buy-actions{flex-wrap:wrap}#pumpkin-selector{min-width:0}#pumpkin-selector [hidden]{display:none!important}
@media(max-width:800px){.face-compare-button,.face-compare{display:none}.face-main-preview{max-height:290px;width:290px;max-width:100%}.face-choices{grid-template-rows:repeat(3,108px);grid-auto-columns:95px}.face-choices button img{width:68px;height:68px}}