.Color{display:inline-flex;border-radius:50%;cursor:pointer}.Color--square,.Color--square .Color-layers{border-radius:0}.Color--light{box-shadow:0 0 2px #000000d9}.Color--dark{box-shadow:none}.Color-layout{position:relative}.Color-layout,.Color-layers,.Color-layer{display:inline-flex;width:100%;height:100%}.Color-layers{border-radius:50%;overflow:hidden}.Color-layer--image{background-position:center center;background-size:cover}.Color-active{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.Color--light .Color-active{color:#171718}.Color--dark .Color-active{color:#fff}.Color.is-active .Color-active{display:flex}.Color--FULL{width:100%;height:100%}.Color--M{width:3rem;height:3rem}.Color--S{width:1.25rem;height:1.25rem}.Color:not(.Color--light){transition-property:color,border-color,background-color,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}.Color:hover,.Color:focus{box-shadow:0 0 0 4px #33333329}.Color.is-active:hover,.Color.is-active:focus{box-shadow:0 0 0 4px #4ead9e29}