.picker{position:relative}.swatch{width:28px;height:28px;border-radius:8px;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);cursor:pointer}.popover{position:absolute;top:calc(100% + 2px);left:0;z-index:1;border-radius:9px;box-shadow:0 6px 12px rgba(0,0,0,.15)}.popover.right{left:auto;right:0}.popover.top{top:auto;bottom:calc(100% + 2px)}