var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { prefix, memoizeGetStyles } from '../../../lib/theming/Emotion.js';
export var globalClasses = prefix('colorable')({
    input: 'input',
});
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function () {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &.", " {\n        display: inline-block;\n        background-color: transparent;\n        background-size: 100%;\n        background-repeat: repeat;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n    "], ["\n      &.", " {\n        display: inline-block;\n        background-color: transparent;\n        background-size: 100%;\n        background-repeat: repeat;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n    "])), globalClasses.input);
        },
    });
});
var templateObject_1;
//# sourceMappingURL=ColorableInputElement.styles.js.map