.grp-wrapper{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.grp-preview{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.grp-handler{width:4px;margin-left:-2px;user-select:none;-webkit-user-select:none;-moz-user-select:none;height:100%}.grp-handler-close{color:rgba(0,0,0,0.4);border-radius:100%;box-shadow:0 2px 10px rgba(0,0,0,0.25);background-color:#fff;text-align:center;width:15px;height:15px;margin-left:-5px;line-height:10px;font-size:21px;cursor:pointer}.grp-handler-close-c{position:absolute;top:-17px}.grp-handler-drag{background-color:rgba(0,0,0,0.5);cursor:col-resize;width:100%;height:100%}.grp-handler-selected .grp-handler-drag{background-color:rgba(255,255,255,0.5)}.grp-handler-cp-c{display:none}.grp-handler-selected .grp-handler-cp-c{display:block}.grp-handler-cp-wrap{width:15px;height:15px;margin-left:-8px;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,0.25);overflow:hidden;border-radius:100%;cursor:pointer}.grp-handler-cp-wrap input[type=color]{opacity:0;cursor:pointer}
.grp-wrapper {
    border-radius: 5px;
    margin-bottom: 10px;
}
.grp-handler-drag {
    /* height: 112%; */
    background-color: rgba(0,0,0,0.1);
    border: 2px solid #fff;
    /* padding: 0px 2px; */
    border-radius: 16px;
    margin-left: -2px;
    margin-top: -2px;
    box-sizing: initial;
}
.grp-handler-close {
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.3);
    font-size: 18px;
}
.pix-gradient-picker-block {
    background: #efefef;
    padding: 10px;
    border-radius: 5px;
}
.pix-gradient-picker-el {
    position: relative;
    z-index: 10;
    position: relative;
    margin-bottom: 5px;
}
.pix-gradient-picker-el .grp-preview {
    border-radius: 5px;
    /* box-shadow: rgb(255 255 255) 0px 0px 0px 2px inset; */
    border: 2px solid #fff;
}
.pix-gradient-picker-label {
    margin-top: 20px;
    font-weight: bold;
    display: inline-block;
    position: relative;
}
.pix-gradient-picker-preview-container {
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 150px;
}
.pix-gradient-picker-preview {
    display: inline-block;
    width: 100%;
    height: 150px;
}