body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;flex-direction:column}.colorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.colorSwatch{width:100%;padding-top:100%;position:relative;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.summary-root{display:flex;flex-direction:column;gap:16px}.summary-color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-comment{display:flex;flex-direction:column;gap:4px}