.new-radial-gradient_paletteContainer__cR_p1{margin:1em;position:relative;display:flex;justify-content:center;width:calc(100% - 2em)}.new-radial-gradient_palette__kGk9m{width:15em;border:3px solid #2b2b2b;border-radius:1.2em}.new-radial-gradient_palette__kGk9m .new-radial-gradient_sliver__1_KQ7:first-child{border-radius:1em 1em 0 0}.new-radial-gradient_palette__kGk9m .new-radial-gradient_sliver__1_KQ7:last-child{border-radius:0 0 1em 1em}.new-radial-gradient_sliverContainer__ca0SQ{position:relative}.new-radial-gradient_sliver__1_KQ7{padding:1em;display:flex;align-items:center;justify-content:space-between;position:relative;font-weight:600}.new-radial-gradient_sliver__1_KQ7 input{background:#2b2b2b;color:#fff;padding:.25em;width:5em}.new-radial-gradient_sliver__1_KQ7 input:focus{outline:4px solid #2b2b2b;background:#fff;color:#2b2b2b}.new-radial-gradient_sliver__1_KQ7 .new-radial-gradient_icon__nmc2c,.new-radial-gradient_sliver__1_KQ7 input{opacity:1;transition:opacity .15s ease-in-out}.new-radial-gradient_icon__nmc2c{width:2em;height:2em;background:#2b2b2b;padding:.5em;border-radius:4em}.new-radial-gradient_icon__nmc2c.new-radial-gradient_active__Tx1q_{outline:4px solid #2b2b2b;background:#fff}.new-radial-gradient_icon__nmc2c.new-radial-gradient_active__Tx1q_ svg{fill:#2b2b2b;stroke:#2b2b2b}.new-radial-gradient_icon__nmc2c:first-child{margin-right:.5em}.new-radial-gradient_icon__nmc2c:hover svg{transform:scale(1.1);transition:transform .15s ease-in-out}.new-radial-gradient_icon__nmc2c svg{width:100%;height:100%;fill:#fff;stroke:#fff}.new-radial-gradient_icon__nmc2c:focus{outline:4px solid #2b2b2b;background:#fff}.new-radial-gradient_icon__nmc2c:focus svg{fill:#2b2b2b;stroke:#2b2b2b}.new-radial-gradient_colourPickerContainer__h3wl9{position:relative;display:flex}.new-radial-gradient_colourPicker__8yffi.new-radial-gradient_showPicker__XuGD5{display:block}.new-radial-gradient_options__J5LH8{display:flex;flex-direction:column;margin:1em}.new-radial-gradient_container__Khh1q{display:flex}.new-radial-gradient_gradientDisplay__rynYl{width:100%;border:3px solid #2b2b2b;border-radius:1em;position:relative}.new-radial-gradient_side__bMkTi{margin:1em;background:#fff;border-radius:1em;width:20em;position:relative}.new-radial-gradient_pickerContainer__8XIo_{position:absolute;top:0;left:0}@media only screen and (max-width:600px){.new-radial-gradient_palette__kGk9m{margin:auto}.new-radial-gradient_container__Khh1q{flex-direction:column;align-items:center}.new-radial-gradient_gradientDisplay__rynYl{height:20em}.new-radial-gradient_paletteContainer__cR_p1{flex-direction:column-reverse}.new-radial-gradient_colourPickerContainer__h3wl9{flex-direction:column-reverse;align-items:center}}