.CircularColorsDemo_wrapper___iUnA{display:flex;flex-direction:column;align-items:center;gap:32px;width:298px;margin:32px auto 64px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.075),0 2px 6px rgba(0,0,0,.075),0 8px 16px rgba(0,0,0,.075),0 16px 32px rgba(0,0,0,.075),0 32px 64px rgba(0,0,0,.075)}.CircularColorsDemo_colorsWrapper___O97j{display:flex;gap:12px;padding:0;list-style-type:none}.CircularColorsDemo_color__WCIJn{position:relative}.CircularColorsDemo_colorBox__S1Cqe{position:relative;width:70px;height:70px;border:none;border-radius:4px;opacity:.5;transition:opacity .4s}.CircularColorsDemo_selectedColorBox__yoFN4{opacity:1}.CircularColorsDemo_selectedColorOutline__VfLWp{position:absolute;inset:-8px;border:4px solid var(--color-text);border-radius:12px}.CircularColorsDemo_timeDisplay__TE8jx{display:flex;flex-direction:column;align-items:center}.CircularColorsDemo_timeDisplay__TE8jx dd{font-size:3rem;font-family:var(--font-family-mono)}.CircularColorsDemo_actions__Tsf_2{display:flex;gap:2px;margin-top:16px}.CircularColorsDemo_actions__Tsf_2 button{--radius:5px;display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border:2px solid var(--color-gray-900);background:transparent;color:var(--color-gray-900);cursor:pointer;opacity:.6;transition:opacity .3s}.CircularColorsDemo_actions__Tsf_2 button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.CircularColorsDemo_actions__Tsf_2 button:last-child{border-radius:0 var(--radius) var(--radius) 0}.CircularColorsDemo_actions__Tsf_2 button:hover{opacity:1;transition:opacity 80ms}
/*# sourceMappingURL=f3470ddeb15e0578.css.map*/