import"../sizing.js";import"../spacing.js";import"../../../@polymer/polymer/lib/elements/custom-style.js";const e=document.createElement("template");e.innerHTML="<custom-style>\n  <style>\n    /* Browsers that fall back to the polyfill require plain html selector */\n    html {\n      --lumo-size-xl: 3rem;\n      --lumo-size-l: 2.5rem;\n      --lumo-size-m: 2rem;\n      --lumo-size-s: 1.75rem;\n      --lumo-size-xs: 1.5rem;\n      --lumo-font-size: 1rem;\n      --lumo-font-size-xxxl: 1.75rem;\n      --lumo-font-size-xxl: 1.375rem;\n      --lumo-font-size-xl: 1.125rem;\n      --lumo-font-size-l: 1rem;\n      --lumo-font-size-m: 0.875rem;\n      --lumo-font-size-s: 0.8125rem;\n      --lumo-font-size-xs: 0.75rem;\n      --lumo-font-size-xxs: 0.6875rem;\n      --lumo-line-height-m: 1.4;\n      --lumo-line-height-s: 1.2;\n      --lumo-line-height-xs: 1.1;\n      --lumo-space-xl: 1.875rem;\n      --lumo-space-l: 1.25rem;\n      --lumo-space-m: 0.625rem;\n      --lumo-space-s: 0.3125rem;\n      --lumo-space-xs: 0.1875rem;\n    }\n\n    /* Need to use a separete and stronger selector for other browsers where\n    the imports added later would otherwise override the property values */\n    html:not(div) {\n      --lumo-size-xl: 3rem;\n      --lumo-size-l: 2.5rem;\n      --lumo-size-m: 2rem;\n      --lumo-size-s: 1.75rem;\n      --lumo-size-xs: 1.5rem;\n      --lumo-font-size: 1rem;\n      --lumo-font-size-xxxl: 1.75rem;\n      --lumo-font-size-xxl: 1.375rem;\n      --lumo-font-size-xl: 1.125rem;\n      --lumo-font-size-l: 1rem;\n      --lumo-font-size-m: 0.875rem;\n      --lumo-font-size-s: 0.8125rem;\n      --lumo-font-size-xs: 0.75rem;\n      --lumo-font-size-xxs: 0.6875rem;\n      --lumo-line-height-m: 1.4;\n      --lumo-line-height-s: 1.2;\n      --lumo-line-height-xs: 1.1;\n      --lumo-space-xl: 1.875rem;\n      --lumo-space-l: 1.25rem;\n      --lumo-space-m: 0.625rem;\n      --lumo-space-s: 0.3125rem;\n      --lumo-space-xs: 0.1875rem;\n    }\n  </style>\n</custom-style>",document.head.appendChild(e.content);