import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
function _tagged_template_literal(strings, raw) {
    if (!raw) raw = strings.slice(0);
    return Object.freeze(Object.defineProperties(strings, {
        raw: {
            value: Object.freeze(raw)
        }
    }));
}
function _templateObject() {
    const data = _tagged_template_literal([
        "\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 320px;\n      height: 520px;\n      z-index: 1350;\n\n      button {\n        display: block;\n        background: none;\n        border: none;\n        padding: 0;\n        font-family: inherit;\n        user-select: none;\n        cursor: pointer;\n        outline: none;\n\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      }\n\n      button:active {\n        box-shadow: inset 0px 0px 80px 0px rgba(0, 0, 0, 0.25);\n      }\n\n      .calculator {\n        width: 100%;\n        height: 100%;\n        background: black;\n\n        display: flex;\n        flex-direction: column;\n      }\n\n      #wrapper .calculator {\n        box-shadow: 0px 0px 20px 0px #aaa;\n      }\n\n      .calculator-display {\n        color: white;\n        background: #1c191c;\n        line-height: 130px;\n        font-size: 6em;\n\n        flex: 1;\n      }\n\n      .auto-scaling-text {\n        display: inline-block;\n      }\n\n      .calculator-display .auto-scaling-text {\n        padding: 0 30px;\n        position: absolute;\n        right: 0;\n        transform-origin: right;\n      }\n\n      .calculator-keypad {\n        height: 400px;\n\n        display: flex;\n      }\n\n      .calculator .input-keys {\n        width: 240px;\n      }\n\n      .calculator .function-keys {\n        display: flex;\n      }\n\n      .calculator .digit-keys {\n        background: #e0e0e7;\n\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap-reverse;\n      }\n\n      .calculator-key {\n        width: 80px;\n        height: 80px;\n        border-top: 1px solid #777;\n        border-right: 1px solid #666;\n        text-align: center;\n        line-height: 80px;\n      }\n      .calculator .function-keys .calculator-key {\n        font-size: 2em;\n      }\n      .calculator .function-keys .key-multiply {\n        line-height: 50px;\n      }\n      .calculator .digit-keys .calculator-key {\n        font-size: 2.25em;\n      }\n      .calculator .digit-keys .key-0 {\n        width: 160px;\n        text-align: left;\n        padding-left: 32px;\n      }\n      .calculator .digit-keys .key-dot {\n        padding-top: 1em;\n        font-size: 0.75em;\n      }\n      .calculator .operator-keys .calculator-key {\n        color: white;\n        border-right: 0;\n        font-size: 3em;\n      }\n\n      .calculator .function-keys {\n        background: linear-gradient(to bottom, rgba(202, 202, 204, 1) 0%, rgba(196, 194, 204, 1) 100%);\n      }\n      .calculator .operator-keys {\n        background: linear-gradient(to bottom, rgba(252, 156, 23, 1) 0%, rgba(247, 126, 27, 1) 100%);\n      }\n    "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css } = param;
    return {
        container: css(_templateObject())
    };
});
export { useStyles };
