TP.uc('~lib_src/xctrls/themes/tpi/TP.xctrls.dialog_tpi.css').$setInlined(true).setContent(
'/*\n    CSS styles for \'xctrls:dialog\' controls for the \'tpi\' theme.\n*/\n\n@import url("~lib_src/xctrls/themes/TP.xctrls.dialog_all.css");\n\n@namespace url("http://www.w3.org/1999/xhtml");\n@namespace xctrls url("http://www.technicalpursuit.com/2005/xcontrols");\n@namespace pclass url("urn:tibet:pseudoclass");\n@namespace tibet url("http://www.technicalpursuit.com/1999/tibet");\n@namespace svg url("http://www.w3.org/2000/svg");\n\n/* The dialog */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content {\n\n    background-color: var(--xctrls-dialog-background-color);\n\n    max-width: var(--xctrls-dialog-max-width);\n    max-height: var(--xctrls-dialog-max-height);\n    min-width: var(--xctrls-dialog-min-width);\n    min-height: var(--xctrls-dialog-min-height);\n\n    border-width: var(--xctrls-dialog-border-width);\n    border-style: var(--xctrls-dialog-border-style);\n    border-radius: var(--xctrls-dialog-border-radius);\n    border-color: var(--xctrls-dialog-border-color-normal);\n}\n\n/* Hovering over the dialog */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content:hover {\n\n    border-color: var(--xctrls-dialog-border-color-hover);\n}\n\n/* Focusing on the dialog */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content[pclass|focus] {\n\n    border-color: var(--xctrls-dialog-border-color-focus);\n}\n\n/* Clicking down on the dialog */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content[pclass|active] {\n\n    border-color: var(--xctrls-dialog-border-color-active);\n}\n\n/* The dialog is disabled */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content[pclass|disabled] {\n\n    border-color: var(--xctrls-dialog-border-color-disabled);\n}\n\n/* The dialog header */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content > *[tibet|pelem="header"] {\n\n    background-color: var(--xctrls-dialog-header-background-color);\n    color: var(--xctrls-dialog-header-color);\n\n    font-size: var(--xctrls-dialog-header-font-size);\n    line-height: var(--xctrls-dialog-header-line-height);\n\n    border-top-left-radius: calc(var(--xctrls-dialog-border-radius) - 2px);\n    border-top-right-radius: calc(var(--xctrls-dialog-border-radius) - 2px);\n}\n\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content > div[tibet|pelem="header"] svg|svg svg|path[class~="main"] {\n\n    fill: var(--xctrls-dialog-header-close-fill-color);\n    stroke: var(--xctrls-dialog-header-close-stroke-color);\n    stroke-width: var(--xctrls-dialog-header-close-stroke-width);\n}\n\n/* The dialog body */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content > *[tibet|pelem="body"] {\n\n    background-color: var(--xctrls-dialog-body-background-color);\n}\n\n/* The dialog footer */\n*|*[data-theme~="tpi"] xctrls|dialog > xctrls|content > *[tibet|pelem="footer"] {\n\n    background-color: var(--xctrls-dialog-footer-background-color);\n\n    border-bottom-left-radius: calc(var(--xctrls-dialog-border-radius) - 2px);\n    border-bottom-right-radius: calc(var(--xctrls-dialog-border-radius) - 2px);\n}\n'
);