.sketch-color-picker .sketch-picker{width:100%!important;padding:8px 10px 10px!important;box-sizing:border-box!important;background:#ffffff!important;border-radius:8px!important;box-shadow:none!important;font-family:inherit!important}.sketch-color-picker .sketch-picker>div:first-child{padding-bottom:46%!important}.sketch-color-picker .sketch-picker input{width:100%!important;background:#3a3a3a!important;color:#ffffff!important;border:none!important;border-radius:4px!important;box-shadow:inset 0 0 0 1px #2a2a2a!important;font-size:11px!important}.sketch-color-picker .sketch-picker input:focus{outline:none!important;box-shadow:inset 0 0 0 1px #6b6b6b!important}.sketch-color-picker .sketch-picker label{color:#8a8a8a!important}.sketch-color-picker .sketch-picker>div:last-child{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:0!important;padding:6px 0 0!important;width:100%!important;box-sizing:border-box!important;border-top:1px solid #eee}.sketch-color-picker .sketch-picker>div:last-child>div{width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border-radius:2px!important;overflow:hidden}.sketch-color-picker .sketch-picker>div:last-child>div>span,.sketch-color-picker .sketch-picker>div:last-child>div>span>div{display:block!important;width:100%!important;height:0!important;padding-bottom:100%!important;border-radius:2px!important}.sketch-color-picker--compact .sketch-picker{padding:6px 10px 10px!important}.sketch-color-picker--compact .sketch-picker>div:first-child{padding-bottom:30%!important}.sketch-color-picker--compact .sketch-picker>div:last-child{gap:2px}