.Polaris-ColorPicker_1ft7g{ -webkit-user-select:none; user-select:none; display:flex; }

.Polaris-ColorPicker__MainColor_1dlup{ background-image:linear-gradient(45deg, var(--p-surface, #dfe3e8) 25%, transparent 25%), linear-gradient(-45deg, var(--p-surface, #dfe3e8) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--p-surface, #dfe3e8) 75%), linear-gradient(-45deg, transparent 75%, var(--p-surface, #dfe3e8) 75%); background-size:1.6rem 1.6rem; background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0; position:relative; overflow:hidden; height:16rem; width:16rem; border-radius:var(--p-border-radius-base, 4px); cursor:pointer; }

.Polaris-ColorPicker__MainColor_1dlup .Polaris-ColorPicker__Dragger_mz3rx{ right:0.9rem; margin:0; }

.Polaris-ColorPicker__MainColor_1dlup .Polaris-ColorPicker__ColorLayer_1ouio{ box-shadow:inset var(--p-override-none, 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)); border-radius:var(--p-border-radius-base, 4px); }

.Polaris-ColorPicker__MainColor_1dlup::after, .Polaris-ColorPicker__MainColor_1dlup::before{ content:''; position:absolute; z-index:20; top:0; left:0; display:block; height:100%; width:100%; pointer-events:none; border-radius:var(--p-border-radius-base, 3px); }

.Polaris-ColorPicker__MainColor_1dlup::before{ background:linear-gradient(to right, white, transparent); }

.Polaris-ColorPicker__MainColor_1dlup::after{ background-image:linear-gradient(to top, black, transparent); box-shadow:inset var(--p-override-none, 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)); }

.Polaris-ColorPicker__Dragger_mz3rx{ position:relative; z-index:30; bottom:0.9rem; transform:none; height:1.8rem; width:1.8rem; margin:0 auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform; background:transparent; border:var(--p-border-radius-base, 3px) solid var(--p-surface, white); box-shadow:var(--p-override-none, 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)), inset var(--p-override-none, 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08)); border-radius:50%; pointer-events:none; }

.Polaris-ColorPicker__HuePicker_xwdsx, .Polaris-ColorPicker__AlphaPicker_1fh74{ position:relative; overflow:hidden; height:16rem; width:2.4rem; margin-left:0.8rem; border-width:var(--p-border-radius-base, 3px); border-radius:8rem; }

.Polaris-ColorPicker__HuePicker_xwdsx{ background-image:linear-gradient(to bottom, red 1.8rem, yellow, lime, cyan, blue, magenta, red 14.2rem); box-shadow:var(--p-override-none, inset 0 0 2px 0 rgba(0, 0, 0, 0.5)); }

.Polaris-ColorPicker__AlphaPicker_1fh74{ background-image:linear-gradient(45deg, var(--p-surface, #dfe3e8) 25%, transparent 25%), linear-gradient(-45deg, var(--p-surface, #dfe3e8) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--p-surface, #dfe3e8) 75%), linear-gradient(-45deg, transparent 75%, var(--p-surface, #dfe3e8) 75%); background-size:1.6rem 1.6rem; background-position:0 0, 0 0.8rem, 0.8rem -0.8rem, -0.8rem 0; }

.Polaris-ColorPicker__AlphaPicker_1fh74 .Polaris-ColorPicker__ColorLayer_1ouio{ border-radius:var(--p-override-none, 8rem); }

.Polaris-ColorPicker__ColorLayer_1ouio{ position:absolute; z-index:10; top:0; left:0; height:100%; width:100%; box-shadow:var(--p-override-none, inset 0 0 2px 0 rgba(0, 0, 0, 0.5)); pointer-events:none; }

.Polaris-ColorPicker__Slidable_1fdsv{ height:100%; width:100%; cursor:pointer; }