.pix-opt-color-input-field{position:relative}.pix-opt-color-input-field .pix-choose-color-btn{position:relative;display:inline-block;margin-top:10px;padding:10px 20px;border-radius:5px;color:#fff !important;text-shadow:1px 1px 1px #333;-webkit-box-shadow:0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 2px rgba(0,0,0,.1) inset;cursor:pointer}.pix-opt-color-input-field .pix-color-picker-div{top:85%}.chrome-picker{border-radius:8px !important;overflow:hidden;-webkit-box-shadow:0 20px 25px -3px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) !important;box-shadow:0 20px 25px -3px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1) !important;padding-bottom:3px !important}.dark .chrome-picker{background:#27272a !important;border:1px solid #3f3f46 !important;-webkit-box-shadow:0 20px 25px -3px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.1) !important;box-shadow:0 20px 25px -3px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.1) !important}.chrome-picker .flexbox-fix input{background-color:#f4f4f5 !important;color:#3f3f46 !important;height:26px !important;font-weight:500 !important;border-radius:5px !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chrome-picker .flexbox-fix input:focus{outline:none !important;-webkit-box-shadow:0 0 1px 1px #e4e4e7 !important;box-shadow:0 0 1px 1px #e4e4e7 !important}.dark .chrome-picker .flexbox-fix input{background-color:#3f3f46 !important;color:#fff !important;height:26px !important;border-radius:5px !important;border:2px red !important}.dark .chrome-picker .flexbox-fix input:focus{outline:none !important;-webkit-box-shadow:0 0 1px 1px #71717a !important;box-shadow:0 0 1px 1px #71717a !important}.chrome-picker div svg{fill:#a1a1aa !important;margin-left:8px !important}.chrome-picker div svg:hover{background-color:#f4f4f5 !important;fill:#52525b !important}.dark .chrome-picker div svg{fill:#a1a1aa !important}.dark .chrome-picker div svg:hover{background-color:#52525b !important;fill:#e4e4e7 !important}.dark .chrome-picker div label{color:#a1a1aa !important}.hue-horizontal,.alpha-picker>div>div:nth-child(2){border-radius:15px !important}.hue-horizontal,.alpha-picker>div>div:nth-child(1){border-radius:15px !important}.chrome-picker .flexbox-fix>div:nth-child(2)>div:nth-child(2)>div>div:nth-child(2){border-radius:15px !important}
