body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.colors{flex-wrap:wrap;max-width:248px;padding:4px 8px;display:flex}.color-button{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;outline:0;width:40px;height:40px;margin:0;padding:8px;position:relative}.color{width:24px;height:24px;clip-path:path("M 12 0 A 12 12 0 0 1 12 24 A 12 12 0 0 1 12 0 M 12 12 A 0 0 0 0 0 12 12 A 0 0 0 0 0 12 12");transition:all .1s}.selected .color{clip-path:path("M 12 0 A 12 12 1 1 1 12 24 A 12 12 1 1 1 12 0 M 12 3 A 9 9 0 0 0 12 21 A 9 9 0 0 0 12 3")}.color-button:hover .color{transform:scale(1.2)}