.color-picker-module__snolgW__picker.react-colorful{gap:24px;width:100%;height:222px}.color-picker-module__snolgW__picker .react-colorful__saturation{border-bottom:0;border-radius:12px;min-height:0}.color-picker-module__snolgW__picker .react-colorful__hue{border-radius:9999px;flex-shrink:0;width:calc(100% - 40px);height:8px}.color-picker-module__snolgW__picker.color-picker-module__snolgW__withAlpha.react-colorful{height:254px}.color-picker-module__snolgW__picker.color-picker-module__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}.color-picker-module__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){.color-picker-module__snolgW__picker.react-colorful{height:192px}.color-picker-module__snolgW__picker.color-picker-module__snolgW__withAlpha.react-colorful{height:224px}}.color-picker-module__snolgW__opacityInput{-webkit-appearance:textfield;appearance:textfield}.color-picker-module__snolgW__opacityInput::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.color-picker-module__snolgW__opacityInput::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}