.snolgW_picker.react-colorful{gap:24px;width:100%;height:222px}.snolgW_picker .react-colorful__saturation{border-bottom:0;border-radius:12px;min-height:0}.snolgW_picker .react-colorful__hue{border-radius:9999px;flex-shrink:0;width:calc(100% - 40px);height:8px}.snolgW_picker.snolgW_withAlpha.react-colorful{height:254px}.snolgW_picker.snolgW_withAlpha .react-colorful__alpha{background-color:#0000;background-image:conic-gradient(color-mix(in srgb, var(--f-text) 18%, transparent) 25%, color-mix(in srgb, var(--f-text) 7%, transparent) 0 50%, color-mix(in srgb, var(--f-text) 18%, transparent) 0 75%, color-mix(in srgb, var(--f-text) 7%, transparent) 0);background-size:16px 16px;border-radius:9999px;flex-shrink:0;width:calc(100% - 107px);height:8px}.snolgW_picker .react-colorful__pointer{border:3px solid var(--f-bg-container);width:16px;height:16px;box-shadow:0 0 0 1px var(--f-border)}@media (min-width:768px){.snolgW_picker.react-colorful{height:192px}.snolgW_picker.snolgW_withAlpha.react-colorful{height:224px}}.snolgW_opacityInput{-webkit-appearance:textfield;appearance:textfield}.snolgW_opacityInput::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.snolgW_opacityInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}